尚矽谷 JS模組化規範學習筆記

2021-10-11 03:17:50 字數 821 閱讀 7725

筆記:問題

模組化規範

引入模組

伺服器端實現:node.js

nodejs模組化教程

建立專案結構

|-modules

|-module1.js

|-module2.js

|-module3.js

|-package.json

browserify模組化教程(瀏覽器端)

打包處理js

頁面引入

有依賴

引入使用模組

瀏覽器端實現

require.js使用教程

建立目錄結構

|-js

|-libs

|-require.js

|-modules

|-alerter.js

|-dataservice.js

|-main.js

|-index.html

在main.js中配置檔案

jquery引入時需使用jquery

angular引用時,需在main.js require.config下新增:

es6-babel-browserify使用教程

安裝babel-cli, babel-preset-es2015和browserify // cli: command line inte***ce(命令列介面)

定義 .babelrc 檔案 // run control 執行時控制檔案編碼

編譯 常規暴露

預設暴露

js模組化規範

標記已經載入成功的個數 var req total 0 模組匯出 window.exports 記錄各個模組的順序 var exp arr 判斷是否陣列 function isarray param require 真正實現 function require arr,callback else va...

JS前端模組化規範

於是有了菜鳥解惑的搜嘍過程。匯入 require module 匯出 exports.getstoreinfo function module.exports somevalue 參照commonjs模組代表node.js的模組系統 定義 define module dep1 dep2 functi...

模組化規範

1 commons.js規範 適應於服務端模組化,同步載入模組。node.js按照該規範。require 載入 module.export匯出 2 amd規範 非同步模組定義,適應於瀏覽器模組化,非同步載入模組。requirejs按照該規範。模組定義 define 依賴的模組 function 模組...