前端JS小記

HTMLCollection 與 NodeList 的區(qū)別

HTMLCollection?是 HTML 元素的集合。

NodeList 是一個(gè)文檔節(jié)點(diǎn)的集合。

NodeList 與 HTMLCollection 有很多類似的地方。?

NodeList 與 HTMLCollection 都與數(shù)組對象有點(diǎn)類似，可以使用索引 (0, 1, 2, 3, 4, ...) 來獲取元素。

NodeList 與 HTMLCollection 都有 length 屬性。

HTMLCollection 元素可以通過 name，id 或索引來獲取。

NodeList 只能通過索引來獲取。

只有 NodeList 對象有包含屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)。

節(jié)點(diǎn)列表不是一個(gè)數(shù)組！

節(jié)點(diǎn)列表看起來可能是一個(gè)數(shù)組，但其實(shí)不是。

你可以像數(shù)組一樣，使用索引來獲取元素。

節(jié)點(diǎn)列表無法使用數(shù)組的方法： valueOf(), pop(), push(), 或 join() 。

首先你要安裝node.js,這里獻(xiàn)上地址https://nodejs.org/en/download/

下載對應(yīng)版本，我這里直接選擇的安裝包

need-to-insert-img

node.js 的安裝很簡單，就和普通軟件安裝一樣

node.js 安裝好后,就等于你安裝好了node 和npm ,下面我們打開終端執(zhí)行命令查看下：

node -v【查看node版本】、npm?-v【查看npm版本】

need-to-insert-img

查看版本

Ok，接口下來就是通過npm安裝webpack了

在mac下依賴包要寫入系統(tǒng)重要文件夾里，需要先獲取root權(quán)限（如果不獲取root權(quán)限會(huì)出錯(cuò)），所以終端先執(zhí)行如下命令：

$ sudo -s

執(zhí)行后會(huì)出現(xiàn)小鑰匙，輸入你的密碼然后在回車就可以了。

獲取完root ?，我們開始安裝webpack ，執(zhí)行如下命令：

npm install webpack -g

-g 表示全局安裝

執(zhí)行webpack -v命令出現(xiàn)以下提示

webpack -vOne CLIforwebpack must be installed. These are recommended choices, deliveredasseparate packages: - webpack-cli (https://github.com/webpack/webpack-cli)The original webpack full-featured CLI.We will use"npm"to install the CLI via"npm install -D".Do you want to install'webpack-cli'(yes/no):

npm install webpack-cli -D提示在開發(fā)環(huán)境中局部安裝webpack-cli

在網(wǎng)上搜索答案中發(fā)現(xiàn)

在webpack 3中，webpack本身和它的CLI以前都是在同一個(gè)包中，但在第4版中，他們已經(jīng)將兩者分開來更好地管理它們。

嘗試全局安裝npm install -g webpack-cli

執(zhí)行webpack -v成功執(zhí)行 不再提示安裝webpack-cli

如果你webpack和webpack-cli是局部安裝的，想要使用webpack命令必須進(jìn)入node_modules/.bin/webpack才能執(zhí)行webpack命令，.bin目錄包含的是一系列可以執(zhí)行的命令，但是如果你是全局安裝的webpack-cli，就不需要進(jìn)入bin目錄，webpack就能夠?qū)ふ业剿拿盥窂搅?/p>

參考的文集鏈接有下面鏈接，不過也不全，反正網(wǎng)上的教程很亂

鏈接：http://www.itdecent.cn/p/2f5c0c0710e2