代码重构问题

    重构一直都是一个热门话题,初识时,对它的概念也模糊不清。今天总算是熟悉一点了。所以决定把它说明一下有关的概念和需要注意的地方。

    重构指的是在不改变代码外部行为的前提下进行源码修改,重构需要注意的是保证外部行为的不改变,对于后台代码来说,可以通过大量的自动化测试来确保重构后的代码逻辑。不同的人有不同的编码风格和规范,哪怕是同一个功能模块同一种逻辑思维。不同的人编码方式也不尽相同。在具体的项目中,不同模块的代码写在了相同的代码文件中。使得代码量过大。文件过多。由于需求变更频繁,无用代码冗余。使得运行加载速度变慢,维护困难等。因此,保证重构必要的的代码是很重要的。

   重构的过程主要包含一下几个步骤:

   1、删除无用的代码,精简代码。。。

   2、前端代码规范化,除了遵守基本的W3C标准,统一命名规则外,团队应该有自己的编码默契,对于文件的命名整理存放等有约定俗成的规则。逻辑思维可以不一样但是在编码中一定要注意统一格式。

3、整理基础类库,在开发初期,为了加快进度引入了多个框架,但是如JQuery中重复的功能较多,项目中很多相同的实现实用的是不同类库中的功能,如DOM选择,AJAX请求等。选择性的保留框架。重构的内容是统一UI插件的使用,统一基础方法的使用。

4、前端代码模块化,按照模块归类CSS代码,按照模块分离JavaScript代码,按照模块定义不同的命名空间。将JavaScript中的公用方法归类到独立的共通文件中,同时引入面向对象的思想来重构JavaScript代码,进一步明确公有接口和私有接口。

5、提高页面的加载性能。将不影响首页页面的文件延迟加载。删除页面中初始隐藏的区域,改为JavaScript按需动态生成;页面的部分图片延迟加载,调整CSS和JavaScript文件的引用顺序;给静态文件设置缓存等。

6、重构有风险,重构前需要做好风险评估和应对措施。保证自动化测试,不要冒然进行修改,保证其正确性。性能优化也是需要注重的....

猜你喜欢

转载自blog.csdn.net/iceggy/article/details/73199135