1. 程式人生 > >拒絕爛代碼(一)

拒絕爛代碼(一)

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入口文件,業務邏輯部分的代碼在這裏引用並執行

技術分享圖片

以上,爛代碼改進計劃逐步執行...

拒絕爛代碼(一)