注意事项
1. 项目下载依赖后面加 -S -D -g
npm install name -S
此依赖是在package的dependencies中，不仅在开发中，也在打包上线后的生产环境中，比如vue
npm install name -D
此依赖是在package的devDependencies 中，只在开发中用，上线不需要 比如babel
npm install name -g
表示进行全局进行安装，不加表示只在当前项目进行安装此依赖。比如安装yarn就需要全局的
2. JavaScript正则中//g， g 的作用
regexp = new RegExp(pattern[, flag]);
pattern: 模板的用法是关键，也是本章的主要内容。
flag: "i"(ignore)、"g"(global)、"m"(multiline)的组合
i-忽略大小写，g-反复检索，m-多行检索 flag中没有g时，返回字符串，有g时返回字符串数组。
设置了g修饰符的正则表达式在完成一次成功匹配后不会停止，而是继续找到所有可以匹配到的字符。
3.typescript 的安装和检测是否安装成功
全局安装typescript
npm install -g typescript
检查typescript是否安装成功
tsc -v
各大浏览器内核
下面总结一下各常用浏览器所使用的内核：
1、IE浏览器内核：Trident内核，也是俗称的IE内核；
2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；
4、Safari浏览器内核：Webkit内核；
5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；
7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
8、百度浏览器、世界之窗内核：IE内核；
9、2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；
让图片变得更清除
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
Vue关闭语法检测
新建vue.config.js
1.vue.config.js的作用是允许你修改脚手架中wekpack的默认参数。
2.vue.config.js是新建在和src同级的目录下
vue.config.js
module.exports = {
devServer: {
overlay: {
warnings: false, //不显示警告
errors: false //不显示错误
}
},
lintOnSave: false //关闭eslint检查
}
在vue中路径中的@
1.在Vue的路径中@等于src
2.在css的路径中~@等于src
