mobile開發模式

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的規範,但他是同步加載的,同步加載在瀏覽器中就是一個坑,只要一個環節卡住了,後面的就沒發執行。因此不建議使用,若是要使用須要編輯打包。

相關文章
相關標籤/搜索