业务代码重构

最近接手了一个新的产品,在原有的基础上进行改造。

刚拿到这个产品的代码时,我也是一头雾水,动就上千行的逻辑代码,看的让人很费劲,完全没有任何套路可言,一撸到底的代码,拿到后,我就先把代码拆开,一块一块的看

最初只有createorder.js,拆开后变成了4个,createordervalidate.js,createorderutils.js,createorderinit.js,拆过之后,代码分工就比较清晰了,初始化的时候,会加载很多控件,会定义很多全局变量,utils里是一些工具函数,获取表单数据,set表单数据,cookies的获取,url里参数的获取,validate就是表单的校验了,我把表单的提交也放在了这一块。

重构过之后,编辑,新增订单可以公用一套代码,直接调用对应的方法就行了,即使增加一个查看框,也用不了太久就能搞定,之前的方式就是代码copy,没有抽出业务公共的逻辑。

jquery系列的老的产品代码,最好的重构方法就是插件化,现代三大框架,vue,react,angular,就是组件化,加上,数据状态管理器搞定。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非典型技术宅

Xcode报错: The file couldn't be opened

有位同学给了我一份代码,通过GitHub。下载之后怎么都打不开,总是提示“The file couldn't be opened”。

33810
来自专栏Timhbw博客

关于网站后期速度优化的一些坑

2016-06-0109:12:42 发表评论 231℃热度 由于网站已经迁移完成,所以昨天在优化服务器和WP,加快读者们的访问速度,毕竟有强迫症的我不能忍受...

30240
来自专栏FreeBuf

利用xmlrpc.php对WordPress进行暴力破解攻击

近几天wordpress社区的小伙伴们反映遭到了利用xmlrpc.php进行暴力破解的攻击。利用xmlrpc.php提供的接口尝试猜解用户的密码,可以绕过wor...

33060
来自专栏ThoughtWorks

8大前端安全问题(下)| 洞见

在《8大前端安全问题(上)》这篇文章里我们谈到了什么是前端安全问题,并且介绍了其中的4大典型安全问题,本篇文章将介绍剩下的4大前端安全问题,它们分别是: 防火防...

38580
来自专栏CSDN技术头条

如何在Windows中运行bash

当微软宣布,将在Windows10上面支持bash时,所有的Unix命令行用户都为之雀跃了。上周三,微软发布了一个测试版本,开始支持了这项功能。 为了运行bas...

23280
来自专栏FreeBuf

断网让女神求你:制作一个廉价的WIFI干扰器

干扰WiFi运行有很多方法,最近玩esp8266模块放狗找资料,偶然发现一个干扰wifi信号的廉价方法,特与大家分享。我这里使用的是相对便宜的NodeMCU(约...

29670
来自专栏FreeBuf

新曝WordPress REST API内容注入漏洞详解

近日,来自Sucuri的研究人员发现WordPress存在重大漏洞,漏洞在于WordpressREST API,成功利用该漏洞可删除页面或修改页面内容。 官方很...

23160
来自专栏知晓程序

小程序谁都能注册?Naive!| 小程序问答 #31

那么,哪些个人或者组织,才能注册小程序呢?每个人、每个组织,又可以注册多少个小程序呢?

17490
来自专栏私有云搭建

可道云私有云kodexplorer在蒲公英应用中心使用教程

蒲公英X5-3353在固件ROM2.22.1在云管理页面的【应用中心】中新嵌入了KOD功能,它是基于Web的在线文档管理器,下面看看如何使用KOD功能:

62930
来自专栏网站漏洞修补

网站快照被劫持 快速恢复快照的解决办法

哥们的网站流量突然下降的很厉害,从原先一天500左右的IP,直接下降到80左右的IP,让我帮忙看看,网站到底哪里出了问题,首先我用百度的site:下网站的收录量...

38610

扫码关注云+社区

领取腾讯云代金券