目录
25.Proxy 与 Object.defineProperty 优劣对比
26.构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？
27.请你详细介绍一些 package.json 里面的配置
28你有对 Vue 项目进行哪些优化？
25.Proxy 与 Object.defineProperty 优劣对比
Proxy 的优势如下:
- Proxy 可以直接监听对象而非属性；
- Proxy 可以直接监听数组的变化；
- Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等是 Object.defineProperty 不具备的；
- Proxy 返回的是一个新对象,我们可以只操作新的对象达到目的,而 Object.defineProperty 只能遍历对象属性直接修改；
- Proxy 作为新标准将受到浏览器厂商重点持续的性能优化，也就是传说中的新标准的性能红利；
Object.defineProperty 的优势如下:
兼容性好，支持 IE9，而 Proxy 的存在浏览器兼容性问题,而且无法用 polyfill 磨平，因此 Vue 的作者才声明需要等到下个大版本( 3.0 )才能用 Proxy 重写。
26.构建的 vue-cli 工程都到了哪些技术，它们的作用分别是什么？
- vue.js：vue-cli工程的核心，主要特点是 双向数据绑定 和 组件系统。
- vue-router：vue官方推荐使用的路由框架。
- vuex：专为 Vue.js 应用项目开发的状态管理器，主要用于维护vue组件间共用的一些 变量 和 方法。
- axios（ 或者 fetch 、ajax ）：用于发起 GET 、或 POST 等 http请求，基于 Promise 设计。
- vux等：一个专为vue设计的移动端UI组件库。
- 创建一个emit.js文件，用于vue事件机制的管理。
- webpack：模块加载和vue-cli工程打包器。
27.请你详细介绍一些 package.json 里面的配置
常用对象解析：
(1) scripts：npm run xxx 命令调用node执行的 .js 文件
(2) dependencies：生产环境依赖包的名称和版本号，即这些 依赖包 都会打包进 生产环境的JS文件里面
(3) devDependencies：开发环境依赖包的名称和版本号，即这些 依赖包 只用于 代码开发 的时候，不会打包进 生产环境js文件 里面。
28你有对 Vue 项目进行哪些优化？
1）代码层面的优化
- v-if 和 v-show 区分使用场景
- computed 和 watch 区分使用场景
- v-for 遍历必须为 item 添加 key，且避免同时使用 v-if
- 长列表性能优化
- 事件的销毁
- 图片资源懒加载
- 路由懒加载
- 第三方插件的按需引入
- 优化无限列表性能
- 服务端渲染 SSR or 预渲染
2）Webpack 层面的优化
- Webpack 对图片进行压缩
- 提取公共代码
- 模板预编译
- 提取组件的 CSS
- 优化 SourceMap
- 构建结果输出分析
- Vue 项目的编译优化
3）基础的 Web 技术的优化
- 开启 gzip 压缩
- 浏览器缓存
- CDN 的使用
- 使用 Chrome Performance 查找性能瓶颈
