Mac下全局安装uve环境

前端JS小记

HTMLCollection 与 NodeList 的区别

HTMLCollection 是 HTML 元素的集合。

NodeList 是一个文档节点的集合。

NodeList 与 HTMLCollection 有很多类似的地方。 

NodeList 与 HTMLCollection 都与数组对象有点类似，可以使用索引 (0, 1, 2, 3, 4, ...) 来获取元素。

NodeList 与 HTMLCollection 都有 length 属性。

HTMLCollection 元素可以通过 name，id 或索引来获取。

NodeList 只能通过索引来获取。

只有 NodeList 对象有包含属性节点和文本节点。

节点列表不是一个数组！

节点列表看起来可能是一个数组，但其实不是。

你可以像数组一样，使用索引来获取元素。

节点列表无法使用数组的方法： valueOf(), pop(), push(), 或 join() 。

首先你要安装node.js,这里献上地址https://nodejs.org/en/download/

下载对应版本，我这里直接选择的安装包

need-to-insert-img

node.js 的安装很简单，就和普通软件安装一样

node.js 安装好后,就等于你安装好了node 和npm ,下面我们打开终端执行命令查看下：

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

need-to-insert-img

查看版本

Ok，接口下来就是通过npm安装webpack了

在mac下依赖包要写入系统重要文件夹里，需要先获取root权限（如果不获取root权限会出错），所以终端先执行如下命令：

$ sudo -s

执行后会出现小钥匙，输入你的密码然后在回车就可以了。

获取完root  ，我们开始安装webpack ，执行如下命令：

npm install webpack -g

-g 表示全局安装

执行webpack -v命令出现以下提示

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提示在开发环境中局部安装webpack-cli

在网上搜索答案中发现

在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。

尝试全局安装npm install -g webpack-cli

执行webpack -v成功执行 不再提示安装webpack-cli

如果你webpack和webpack-cli是局部安装的，想要使用webpack命令必须进入node_modules/.bin/webpack才能执行webpack命令，.bin目录包含的是一系列可以执行的命令，但是如果你是全局安装的webpack-cli，就不需要进入bin目录，webpack就能够寻找到它的命令路径了

参考的文集链接有下面链接，不过也不全，反正网上的教程很乱

链接：https://www.jianshu.com/p/2f5c0c0710e2