--save 与--save-dev的区别

一、模式

运行webpack命令时，一定要指定模式。

webpack --mode development
webpack --mode production

二、--save -dev

--save：将保存配置信息到pacjage.json。默认为dependencies节点中。

--dev：将保存配置信息devDependencies节点中。

因此：

--save：将保存配置信息到pacjage.json的dependencies节点中。

--save-dev：将保存配置信息到pacjage.json的devDependencies节点中。

dependencies：运行时的依赖，发布后，即生产环境下还需要用的模块

devDependencies：开发时的依赖。里面的模块是开发时用的，发布时用不到它。

npm安装依赖 及安装指定版本的方法

比如使用npm下载jquery依赖

npm install jquery@2.0.0 --save

在package.json文件中可以看到：

"jquery": "^2.0.0"

全局安装：

npm install xxx -g  //模块将被下载安装到【全局目录】中

性能优化之重排&重绘

浏览器下载完页面所有的资源后，就要开始构建DOM树，与此同时还会构建渲染树(Render Tree)。一旦渲染树构建完成，就要开始绘制（paint）页面元素了。
（其实在构建渲染树之前，和DOM树同期会构建Style Tree。DOM树与Style Tree合并为渲染树）

DOM树：表示页面的结构
渲染树：表示页面的节点如何显示

1. 重绘
   • 原理：负责元素的样式更新（改变某个元素背景）
   • 而且，重排必然带来重绘，但是重绘未必带来重排。
2. 重排
   • 原理：元素的几何属性发生了改变，那么我们就从能够改变元素几何属性的角度入手
   • 几何属性
     1. 添加或删除可见的DOM元素
     2. 元素位置改变
     3. 元素本身的尺寸发生改变（元素的宽高）
     4. 内容改变
     5. 页面渲染器初始化
     6. 浏览器窗口大小发生改变

面试题

Jsonp实现原理（解决跨域方法）
Vux的数据流向
重绘重排定义
IsArray兼容方法
Position属性
盒子模型
vue渲染函数
src href区别
margin塌陷问题
Date在不同浏览器设置出现兼容问题
mixin
html为什么写在js上面
npm怎样写入新的插件
vue-loader是什么
v-for :key的重要性