拒绝烂代码(一)

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

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

 

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

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

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

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

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

 

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

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

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

 

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

 

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

 

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

 

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

posted @ 2018-03-15 00:16  daleizi147  阅读(88)  评论(0编辑  收藏  举报