今天看到一个使用jQuery实现京东商城的视频,发现我平时写的代码只注意了代码格式,而没有配置的意识,我的代码是属于最烂最烂的那种,绝对没有之一。
然后根据今天所看的视频,将自己的代码及代码文件进行了初步的修改、配置,虽然修改后的代码依然是很烂的,但是最基本实现了代码的配置和业务逻辑相分离,实现了松耦合,后续将会逐步修改、完善我自己的代码及文件配置。
首先,如下图,这是一个网站js文件的最基本配置:
① js入口文件:业务逻辑的代码部分(函数)在这里执行;
② 业务逻辑文件:网站业务逻辑实现、效果实现的代码部分;
③ 公共函数文件:所有的公共函数、重复调用的函数、封装函数都在这个文件中;
④ 配置文件:包含代码中包含的常量、变量、对象字面量、数组、ajax等数据
以上文件在index.html中的引用顺序:
config.js --> func.js --> index.js --> main.js
config.js文件,配置所有数据
func.js文件,封装所有公共函数、组件
index.js文件,业务逻辑实现、效果实现
main.js文件,js入口文件,业务逻辑部分的代码在这里引用并执行
以上,烂代码改进计划逐步执行...