使用vue框架开发两年以上工作经验的前端工程师面试题

浏览器兼容性（ie）
1.事件绑定

vue
一. UI框架使用的是什么？
1.1 如何避免样式污染，以及改变其样式；
1.2 vue-cli 引入插件的方式？ Vue.use(ElementUI);
1.3 如何按需引入 安装 babel-plugin-component

二. Vue的生命周期
2.1 updated的使用
2.2 keep-alive生命周期钩子函数：activated、deactivated
2.3 include(包含的组件缓存) 与 exclude(排除的组件不缓存，优先级大于include)
2.4 this.$nextTick()的作用
2.5 destroyed中 一般处理什么问题？

三. 如何封装组件？（vue组件：slot props $refs）？
3.1 vue封装过echarts么？
3.2 如何解决文案太长，echarts展示不全的问题；
3.3 echarts的color属性（渐变色）
3.4 echarts图表响应式的问题
3.5 echarts添加点击事件 myChart.on('click', function (params) {} 与vue组件的结合使用

四. 如何开发插件 如何制作vue依赖包？
4.1 自己封装vue 公共组件依赖包，封装组件发布到npm

五. Vue实现数据双向绑定的原理：Object.defineProperty（）
5.1 对vue虚拟dom的理解 (同步react)
5.2 对于一个属性比较多的对象，如何只监听其某一个属性？

六. Vue组件间的数据传递

七. vue（全局）封装组件，directive自定义指令，fliter过滤器，混入 mixins，定义全局的方法

1. 1 过滤器可以接收参数么（多个参数）？

八. vue-router 全局路由守卫，路由独享守卫，组件内的守卫
8.1 rouer-view 的过度动效

九. axios的封装 与 使用 （Promise） 错误处理
9.1 定义全局的方法

十. vuex怎么使用
10.1 vuex 如何保证浏览器刷新后，数据继续缓存?
10.2 vuex的Getter特性 （组件中使用computed ）
10.3 如何在组件中使用?
10.4 组件中如何获取 vuex module（模块）中定义的 state?

十一. 列举几种 事件修饰符

webpack 有哪些优点

1. loader的作用：
2. vue-cli 配置了哪些webpack
3. 优化插件 no-console UglifyJsPlugin
4. entry (多个入口文件) babel-polyfill（兼容ie）
5. resolve 拼接绝对路径 'static': path.resolve(__dirname, './../static')

Node

1. 如何避免回调地狱？

es6
1.ES6用过吗，新增了那些东西，你用到过什么
2.如何合并两个对象？
3.如何复制一个对象？ 深拷贝，浅拷贝。
4.promise对象

布局

1. 容超过长度后以省略号显示
2. 元素居中的问题
3. input回显账号密码的问题 （如何修改chrome记住密码后自动填充表单的黄色背景）
4. 页面导入样式时，使用link和@import有什么区别？
5. 如何实现浏览器内多个标签页之间的通信? （ 请描述一下 cookies，sessionStorage 和 localStorage 的区别？）
6. 简述一下 工作中如何实现 下载文件 与 上传文件？

sass
1.SASS上的不同类型的运算符？
2.sass的指令 @if @else if @each @mixin @include