拒絕爛代碼(一)
阿新 • • 發佈:2018-03-15
jquery實現 代碼格式 部分 bsp 沒有 對象 包含 業務 htm
今天看到一個使用jQuery實現京東商城的視頻,發現我平時寫的代碼只註意了代碼格式,而沒有配置的意識,我的代碼是屬於最爛最爛的那種,絕對沒有之一。
然後根據今天所看的視頻,將自己的代碼及代碼文件進行了初步的修改、配置,雖然修改後的代碼依然是很爛的,但是最基本實現了代碼的配置和業務邏輯相分離,實現了松耦合,後續將會逐步修改、完善我自己的代碼及文件配置。
首先,如下圖,這是一個網站js文件的最基本配置:
① js入口文件:業務邏輯的代碼部分(函數)在這裏執行;
② 業務邏輯文件:網站業務邏輯實現、效果實現的代碼部分;
③ 公共函數文件:所有的公共函數、重復調用的函數、封裝函數都在這個文件中;
④ 配置文件:包含代碼中包含的常量、變量、對象字面量、數組、ajax等數據
以上文件在index.html中的引用順序:
config.js --> func.js --> index.js --> main.js
config.js文件,配置所有數據
func.js文件,封裝所有公共函數、組件
index.js文件,業務邏輯實現、效果實現
main.js文件,js入口文件,業務邏輯部分的代碼在這裏引用並執行
以上,爛代碼改進計劃逐步執行...
拒絕爛代碼(一)