本次作為留言板第三次更新,主要是優(yōu)化代碼伐庭,增強(qiáng)代碼的可讀性粉渠,可維護(hù)性。
使用了MVC的代碼組織形式圾另,清晰代碼結(jié)構(gòu)霸株。
1.js代碼
1.1 View部分,
View(視圖)盯捌,看得見的東西淳衙。
告訴程序,我的代碼是什么樣子饺著,在頁面的哪一塊箫攀。
1. Model部分
Model(數(shù)據(jù))數(shù)據(jù),所有與數(shù)據(jù)相關(guān)的操作幼衰,都放在里面靴跛。
告訴程序,我的數(shù)據(jù)有哪些操作渡嚣?如初始化(init)梢睛,獲取數(shù)據(jù)(fetch)肥印,保存數(shù)據(jù)(save)
1.3 Controller部分
Controller(控制器),控制其他的所有的代碼绝葡。
負(fù)責(zé)其他的所有事情深碱,稍微復(fù)雜一點(diǎn)。
1.4 這里是代碼調(diào)用
藏畅,
1.5 js代碼整體寫在message.js文件中敷硅,并且用到自執(zhí)行的匿名函數(shù),封裝代碼愉阎,減少全局變量绞蹦,增加代碼的可維護(hù)性。
2.頁面效果