模塊化的一些感悟

2018-06-17 11:12 更新
15 March 2017
號外號外：專注于移動端的fullPage.js來啦！??！快點我查看

最近看到尼古拉斯大神的一篇分享——Scalable Javascript Application Architecture，里面基于YUI講了構(gòu)建web應用的一些思想，現(xiàn)在看有些已經(jīng)過時了，但思想永不過時，強烈建議讀一讀

其中對模塊的介紹感覺很經(jīng)典，加上一點自己的見解，總結(jié)分享一下

模塊新說

前端模塊由HTML CSS JS三部分組成，模塊應該具備包含自身的全部功能，不依賴外部環(huán)境

低耦合可以讓模塊互不影響，隨意插拔

模塊很像拼圖的碎片，拼圖碎片不需要知道完整的圖片長什么樣，僅僅保證自己能夠被拼接即可

程序的成功創(chuàng)建，其實就是讓每個模塊按部就班

模塊像小孩子一樣，需要嚴格的一組規(guī)則約束，來保證避免問題

模塊心法

我在之前寫過一篇圖解7種耦合關(guān)系 ，里面講解了不同的耦合程度；對于模塊我們希望做到高內(nèi)聚，低耦合

下面是高內(nèi)聚的心法

  • 僅處理自己
    • 僅調(diào)用自己的方法
    • 不能訪問外部dom節(jié)點
    • 不能訪問全局變量

  • 僅發(fā)出消息

  • 不要制造垃圾
    • 不能創(chuàng)建全局變量
  • 不要和陌生人說話
    • 不要直接和其他模塊通信

總結(jié)

好的模塊應該做到對外界無感知，僅接收數(shù)據(jù)，暴漏API和回調(diào)

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號