1.傳統的開發模式:這個網頁就寫一個js,全部的特效都在這個裏邊前端
缺點:耦合度過高,代碼關聯性太強,不便於後期維護,會形成全局污染。node
發生請求的次數太多,依賴模糊,難於維護webpack
2.模塊化開發web
(1)爲何要使用模塊化?gulp
減小代碼之間的關聯度,部署方便,更好的分離,按須要加載,比免命名衝突,容易維護。瀏覽器
(2)什麼是模塊化?模塊化
模塊化就是將js文件按照功能分離,根據需求引入不一樣的文件中。ui
在前端開發中,最早出如今node.js中,common.js中(module.exports和require)隨着web應用的模塊化,在瀏覽器端頁是須要進行模塊化開發,早期AMD,CMD規範,表明Require.js和sea.js。3d
commonjs是node的規範,運行在服務端,不是瀏覽器端,若是使用在瀏覽器端,須要使用對該文件進行打包編譯(借鑑browserify,webpack,gulp等)模塊化開發
書寫模塊的時候,對外暴露接口module.exports={} exports.xxx=
引入模塊:require(路徑)
commonjs暴露的本質是一個叫exports的對象
module.exports={}和exports.xxx=
兩者的本質都是同樣的,都是暴露一個exports對象
(3)注意:commonjs是node的規範,但他是同步加載的,同步加載在瀏覽器中就是一個坑,只要一個環節卡住了,後面的就沒發執行。因此不建議使用,若是要使用須要編輯打包。