前端模組化開發

1.通常我們寫js是下面這樣

function fn1()

function fn2()

在需要呼叫的地方直接方法名呼叫就可以了，但多人開發容易引起命名的衝突，不利於優化！

2.可以將所有的方法封裝到乙個物件中

var demo = , 

start:function(),
fn2:function()
};demo.init();

這樣可以避免命名的衝突，但外部可以隨意修改內部變數。

demo.channel="pc";

console.log(demo.channel)

3.iife

var demo = (function() 

function fn1()
function fn2()
})();

前端學習之模組化開發

前端開發規範在node中遵循commonjs，瀏覽器中遵循es modules匯出 匯入 匯出匯入 有些瀏覽器不支援esm的方式，需要轉成es5 unpkg可以提供各種包的cdn，使用script標籤引入 在nodejs中使用esm需要將副檔名改為mjs，且node版本要大於8.5，啟用命令為nod...

模組化開發

講模組化開發之前，我們先了解一下 傳統開發模式 是什麼？比如說a所在的公司在做乙個專案，公司安排a跟b還有c三個人一起協同開發，a負責一部分功能塊，b負責另一部分功能塊，把專案的功能分成一塊一塊，這適用於多人協作開發，每個人負責不同的功能塊，當然，這其中有人是負責整合的，有人是負責開發公共功能塊的等...

模組化開發

commonjs規範 同步模式載入模組，導致效率低 node.js環境 乙個檔案就是乙個模組 每個模組都有單獨地作用域 通過module.exports匯出成員 通過require函式載入模組 amd asynchronous module definition 規範 使用相對複雜 模組js檔案請求...