模塊化開發

前端模塊化

js模塊化提供了三種規範

1.commonjs規範   表明就是nodejs 適合後臺開發  由於是同步的  服務器的運行比較快 等待時間不長，commonjs不適合用於前端，前端的客戶端是瀏覽器，瀏覽器追求異步加載，瀏覽器不能等待太長時間。

2 前端模塊的規範是Amd規範 表明就是requirejs他是異步的，不少前端框架都是用的amd規範，好比 jquery angular等

3.第三模塊規範是而es6

模塊化的操做

1.commonjs的操做

　全部的模塊化都是倆個方向，暴露接口和引入模塊

　Module.exports={} 暴露的是一個叫exports的對象

   require（）引入一個模塊

　這是後臺的規範，在nodejs環境能夠直接運行，可是在客戶端不能直接運行，須要吧文件打包解析。Webpack gulp。

　前端模塊案例分析

先定義一個沒有任何1依賴的sj模塊，在定義一個依賴sj模塊的fx模塊，在定義一個主文件index.js依賴於fx模塊。

 

HTML文件

注意事項

依賴關係千萬不能出錯

這種模塊的缺點

會發送屢次請求，依賴關係不能放錯順序

前端模塊化規範amd

Amd是前端模塊化的一種規範，全稱async module definition 異步模塊加載機制，因此須要按照這個規範去定義模塊和使用模塊。

1.require提供了一個全局的方法 加define（）用來定義模塊

　　定義模塊分倆種1不依賴其餘模塊 2依賴其餘模塊