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

发布时间:2019-08-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了使用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

脚本宝典总结

以上是脚本宝典为你收集整理的使用vue框架开发两年以上工作经验的前端工程师面试题全部内容,希望文章能够帮你解决使用vue框架开发两年以上工作经验的前端工程师面试题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。