使用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

相关推荐