JS模組化編程

標籤：zepto   nodejs   target   any   規範   node   事件   使用   UI   

js模組化編程演化

部落格文章：

1 傳統模組化：http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

2 AMD規範：http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

3 RequireJs：http://www.ruanyifeng.com/blog/2012/11/require_js.html

現在有兩大模組化規範，使用在具體考慮的環境中

CMD：同步載入模組，主要考慮到模組js檔案載入時間很短，且沒有ui的產生環境中使用，因為ui的存在，同步載入會造成ui假死，如nodejs編程

AMD：對於存在ui情況下防止同步載入js模組導致ui假死，則採用非同步載入，載入完成回調來實現

 

前端技術演化路徑

1 基礎入門型：html作為ui骨架，css作為ui樣式外觀，js作為邏輯互動處理

2 jquery作為原生js第一層封裝，在屏蔽瀏覽器安全色性的基礎上增加一些方便使用的api，主要提供選取器擴充，css樣式處理，dom操作（增刪查改），dom事件，擴充性的jquery外掛程式

3 模組化編程：amd，cmd規範，其中amd代表性requiresjs，cmd代表seajs

4 早期mvc架構：backbone，underscore

5 強大的mvc架構：angluarjs，vuejs

6 移動端進化：zeptojs（移動端的jquery）

7 css進化：less文法

8 js進化：ts文法

JS模組化編程