1.什么是模塊化
模塊化是指解決一個復雜問題時,自頂向下逐層把系統劃分成若干模塊的程序,對于整體系統來說,模塊是可組合,分解和更換的單元,
通俗理解就是: 一個js檔案中可以引入另一個js檔案的資料,
2.模塊化的好處
-
提高了代碼的復用性
-
提高了代碼的可維護性
-
可以實作按需加載
3.模塊化的規范
commonJs規定:
1.每個模塊內部,module變數代表當前模塊
2.module變數是一個物件,它的exports是對外的介面
3.加載某個模塊,其實是加載該模塊的module.exports屬性.require()方法用于加載模塊
模塊化的作用域
和函式作用域類似,在自定義模塊中定義的變數、方法等成員,只能在當前模塊內被訪問,外部檔案是訪問不到的,這種模塊級別的訪問限制,叫做模塊作用域,
模塊作用域的好處:
防止了全域變數污染、檔案依賴等問題的產生,
node.js三種型別的模塊(內置的模塊,自定義的模塊,第三方的模塊)
匯出:module.exports , exports
匯入:
-
自定義模塊:
const xxx = require(模塊檔案的相對位置) -
內置模塊:
const xxx = require(模塊的名字) -
第三方模塊(又稱包):
const xxx = require(模塊的名字)
包的語意規范"點分十進制" 例如2.24.0
第三方模塊/包的一些命令陳述句:
1.安裝包的命令
npm install 包名
npm i 包名//簡寫
npm i 包名1 包名2 //安裝多個包
npm i 包名@版本號 //安裝包的指定版本
npm i //安裝所有的包
2.npm init -y //安裝package.json
3.安裝所有的包
npm i
4.卸載包
npm uninstall 卸載的包
5.記錄到DevDependencies中
npm install -D 包名
注意:
安裝包后會出現node_modules 檔案夾和package-lock.json組態檔
node_modules 檔案夾用來存放所有已安裝到專案中的包
package-lock.json組態檔用來記錄node_modules目錄下的每個包的下載資訊.
剔除node_modules 檔案夾之后:

注意點:module.exports vs exports
1.module.exports物件,共享成員,用require() 方法匯入自定義模塊時,便可以得到module.exports指向的物件
2.使用 require() 方法匯入模塊時,匯入的結果,永遠以 module.exports 指向的物件為準
3.由于module.exports寫起來比較復雜,為了簡化代碼.node提供了exports物件,默認情況下,exports 和 module.exports 指向同一個物件,最終共享的結果,還是以 module.exports 指向的物件為準
誤區:
永遠要以module.exports 指向的物件為準,
建議大家不要在同一個模塊中同時使用exports和module.exports

擴展鏡像服務器
一個磁盤上的資料在另外一個磁盤上完全一樣的副本
切換npm的下包鏡像源
npm confing get registry
//將下包的鏡像源切換為淘寶鏡像源
npm config set registry=https://registry.npm.taobao.org
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/305990.html
標籤:其他
上一篇:陣列轉物件
下一篇:前端作業-圖片輪播
