前端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
