Resource

图标库

w3c参考手册

npm

npm国内慢

https://www.cnblogs.com/sddai/p/9388261.html

1	npm install cnpm -g --registry=https://registry.npm.taobao.org

npm 安装命令

1	npm install moduleName

安装模块到项目node_modules目录下。
不会将模块依赖写入devDependencies或dependencies 节点。
运行 npm install 初始化项目时不会下载模块。

1	npm install -g moduleName

安装模块到全局，不会在项目node_modules目录中保存模块包。
不会将模块依赖写入devDependencies或dependencies 节点。
运行 npm install 初始化项目时不会下载模块。

1	npm install -save moduleName

安装模块到项目node_modules目录下。
会将模块依赖写入dependencies 节点。
运行 npm install 初始化项目时，会将模块下载到项目目录下。
运行npm install –production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。

1	npm install -save-dev moduleName

安装模块到项目node_modules目录下。
会将模块依赖写入devDependencies 节点。
运行 npm install 初始化项目时，会将模块下载到项目目录下。
运行npm install –production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。

devDependencies 节点下的模块是我们在开发时需要用的，比如项目中使用的 gulp ，压缩css、js的模块。这些模块在我们的项目部署后是不需要的，所以我们可以使用 -save-dev 的形式安装。像 express 这些模块是项目运行必备的，应该安装在 dependencies 节点下，所以我们应该使用 -save 的形式安装。

from https://www.jianshu.com/p/939aa816893c

删除

npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息
npm uninstall 模块 –save 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 –save-dev删除模块，同时删除模块留在package.json中devDependencies下的对应信息

npm 安装报错的解决方案

比如这个报错:

1	npm ERR! enoent ENOENT: no such file or directory, access '~/Documents/myDocument/idea-project/pig-ui/node_modules/_@babel_highlight@7.5.0@@babel/highlight/node_modules/esutils'

我是在项目pig-ui下面执行的npm install dev命令，报了esutils找不到，但是实际上目录上有esutils这个文件or目录，可以删除原来的esutils，切换到esutils的上级模块highlight执行：

➜  highlight git:(master) ✗ npm install esutils
npm notice created a lockfile as package-lock.json. You should commit this file.
+ esutils@2.0.3
added 1 package and removed 1 package in 1.418s

但是有很多子模块都会报这种莫名其妙的错，可以直接将所有依赖模块删除，重新安装依赖。

rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install

npm –save-dev –save 的区别

https://blog.csdn.net/star0311/article/details/90899013

npm: relocation error: npm: symbol SSL_set_cert_cb, version libssl.so.10 not defined in file libssl.so.10 with link time reference

https://blog.csdn.net/test1280/article/details/102937023

Javascript

Javascript之BOM与DOM

引用自Javascript之BOM与DOM讲解

ECMAScript(核心) ：描述了JS的语法和基本对象。
文档对象模型（DOM）：处理网页内容的方法和接口
浏览器对象模型（BOM）：与浏览器交互的方法和接口

DOM 是 W3C 的标准； [所有浏览器公共遵守的标准]
BOM 是各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]
window 是 BOM 对象，而非 js 对象；javascript是通过访问BOM（Browser Object Model）对象来访问、控制、修改客户端(浏览器)

DOM, DOCUMENT, BOM, WINDOW 区别

DOM 是为了操作文档出现的 API，document 是其的一个对象；
BOM 是为了操作浏览器出现的 API，window 是其的一个对象。

DOM和BOM的操作对象区别

BOM是浏览器对象模型，是对浏览器本身进行操作;
DOM是文档对象模型，是对浏览器（可看成容器）内的内容进行操作；

可以说BOM包含了DOM(对象)，window.document

HTML

style vs class

style是html元素的一个属性，在这里可以直接设置元素的样式，class也是一个属性，但它是通过预定义的样式使元素应用样式的。比如：div .box {width:80%;} 那么只要div的class引用了这个box那它的宽度就是父级容器的80%宽。
也就是style的优先级高于class。也就是说在style和class同时定义一种样式时，页面选择展示的是style中的样式。

1
2
3

<style>.a1{backgroung:#ccc;}</style>
<div class="a1" style="background:#f00"></div>
// 此时，div的背景颜色应该是#f00的红色。

Feng's Blog

Web前端汇总