複雜的前端專案需要做分層處理，按照功能、業務、元件拆分成模組， 模組化的專案至少有以下優點：
便於單元測試
便於同事間協作
抽離公共方法, 開發快捷
按需載入, 效能優秀
有四種模組化規範：
以上都是社群衍生的，es module 是 js 官方的模組化方案
下面主要分析 commonjs 和 es module。
下圖是 node 與瀏覽器以及 w3c 組織、commonjs 組織、ecmascript 之間的關係：
commonjs 語法：
es module 語法：
commonjs 文件，es module 文件。
node 並未完全採用 commonjs 規範。
並且逐步在廢棄 commonjs 規範，v13.2.0 版本已經開始預設支援 es module。
在 commonjs 中匯入 es module 模組：不能直接require('./es6.js')，需要轉換一次。
// mid.js
(async () => )();
import('./commonjs.js')， 但是只能整體載入，不能按需載入。 js的事件機制
js的事件機制 解釋 當我們的行為動作滿足了一定的條件後，會觸發某事務的執行。內容 1.單雙擊事件 單擊 onclick 當滑鼠單擊時候會觸發 雙擊 ondbclick 當滑鼠雙擊時候會觸發 2.滑鼠事件 onmouserover 當滑鼠懸停在某個html元素上的時候觸發 onmousermove ...
js事件的機制
1 html事件處理程式 按鈕1 2 dom0級事件處理程式 按鈕2 document.getelementbyid btn2 onclick function document.getelementbyid btn2 onclick null 取消事件 3 dom2級事件處理程式 優點支援多個事件...
現在化的模組機制
舊機制下的模組化程式設計採用的一般是獨立作用域進行封裝，如我們所熟悉的立即執行函式 iife function 又或者物件形式封裝 var module new object var module1 又或者寬放大模式 本質上還是屬於iife var module1 function mod retu...