码迷,mamicode.com
首页 > 其他好文 > 详细

拒绝烂代码(一)

时间:2018-03-15 01:44:58      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:使用   配置   初步   jquery   技术   image   func   img   fun   

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

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

 

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

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

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

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

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

 

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

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

技术分享图片

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

技术分享图片

 

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

技术分享图片

 

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

技术分享图片

 

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

技术分享图片

 

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

拒绝烂代码(一)

标签:使用   配置   初步   jquery   技术   image   func   img   fun   

原文地址:https://www.cnblogs.com/daleizi147/p/8571047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!