介紹前端模組化發展歷程

2021-09-26 18:44:38 字數 799 閱讀 3669

iife: 使用自執行函式來編寫模組化,特點:在乙個單獨的函式作用域中執行**,避免變數衝突。

(function()

})()

amd: 使用requirejs 來編寫模組化,特點:依賴必須提前宣告好

define('./index.js',function(code))
cmd: 使用seajs 來編寫模組化,特點:支援動態引入依賴檔案。

define(function(require, exports, module) );
commonjs: nodejs 中自帶的模組化。

var fs = require('fs');
umd:相容amd,commonjs 模組化語法。

webpack(require.ensure):webpack 2.x 版本中的**分割。

es modules: es6 引入的模組化,支援import 來引入另乙個 js 。

import a from 'a';
參考模組化思維導圖:

es6,amd,smd,commonjs 思維導圖

前端模組化發展歷程

模組化主要是用來抽離公共 隔離作用域,避免變數衝突等。amd cmd commonjs 是es5中提供的模組化程式設計方案,es6 modules 是es6提供的模組化程式設計方案。使用自執行函式來編寫模組化。特點 在乙個單獨的函式作用域中執行 避免變數衝突。function amd 是 requi...

模組化演變歷程

程式模組化開發的優點 開發效率高 方便重用,別人開發的模組直接拿過來就可以使用,不需要重複開發類似的功能 可維護性高 軟體的宣告週期中最長的階段其實並不是開發階段,而是維護階段,需求變更比較頻繁,使用模組化的開發方式更容易維護 一 演變歷程 1,全域性函式 人為模組 function sum a,b...

AppDelegate模組化歷程

在考慮這個方案的時候,我們的專案剛剛度過了原型期,使用的sdk並不多,業務需求也還沒有起來。void setupreachability end void setupreachability else if reach.currentreachabilitystatus reachableviawi...