拒绝烂代码

Posted daleizi147

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了拒绝烂代码相关的知识,希望对你有一定的参考价值。

今天看到一个使用jQuery实现京东商城的视频,发现我平时写的代码只注意了代码格式,而没有配置的意识,我的代码是属于最烂最烂的那种,绝对没有之一。

然后根据今天所看的视频,将自己的代码及代码文件进行了初步的修改、配置,虽然修改后的代码依然是很烂的,但是最基本实现了代码的配置和业务逻辑相分离,实现了松耦合,后续将会逐步修改、完善我自己的代码及文件配置。

 

首先,如下图,这是一个网站js文件的最基本配置:

① js入口文件:业务逻辑的代码部分(函数)在这里执行;

② 业务逻辑文件:网站业务逻辑实现、效果实现的代码部分;

③ 公共函数文件:所有的公共函数、重复调用的函数、封装函数都在这个文件中;

④ 配置文件:包含代码中包含的常量、变量、对象字面量、数组、ajax等数据

 

以上文件在index.html中的引用顺序:

config.js --> func.js --> index.js --> main.js

技术分享图片

config.js文件,配置所有数据

技术分享图片

 

func.js文件,封装所有公共函数、组件

技术分享图片

 

index.js文件,业务逻辑实现、效果实现

技术分享图片

 

main.js文件,js入口文件,业务逻辑部分的代码在这里引用并执行

技术分享图片

 

以上,烂代码改进计划逐步执行...

以上是关于拒绝烂代码的主要内容,如果未能解决你的问题,请参考以下文章

执行力决定命第10集《告别做烂好人》

关于烂代码的那些事(下)

转载关于烂代码的那些事

哪个蠢蛋写的烂代码?

关于烂代码优化重构的几点经验

关于烂代码的那些事(中)