为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第21天 前端工程师2022版 就业必备基础技术面试分析

标签:
Vue.js 面试

课程名称: Vue面试真题演练

课程章节:框架面试课

课程讲师: 双越

课程内容:


14、何时要使用异步组件?

◆加载大组件

◆路由异步加载


15、何时需要使用keep-alive?

◆缓存组件,不需要重复渲染

◆如多个静态tab页的切换

◆优化性能


16、何时需要使用beforeDestory

◆解绑自定义事件event.$off

◆清除定时器

◆解绑自定义的DOM事件,如window scroll等


17、什么是作用域插槽?

https://img1.sycdn.imooc.com//633053ff0001895312980576.jpg


18、Vuex中action和mutation有何区别

◆action中处理异步,mutation不可以

◆mutation做原子操作

◆action可以整合多个mutation


19、Vue-router常用的路由模式

◆hash默认

◆H5 history(需要服务端支持)


20、如何配置Vue-router异步加载

https://img1.sycdn.imooc.com//6330542e0001b98e07020591.jpg


21、请用vnode描述一个dom结构

https://img1.sycdn.imooc.com//633054500001f89e11810632.jpg


22、监听data变化的核心API是什么

◆Object.defineProperty

◆以及深度监听、监听数组

◆有何缺点


23、Vue如何监听数组变化

◆Object.defineProperty不能监听数组变化

◆重新定义原型,重写push pop等方法,实现监听

◆Poy可以原生支持监听数组变化


23、请描述响应式原理

①监听data变化

②组件渲染和更新的流程


24、dff算法的时间复杂度

◆O(n)

◆在O(n3)基础上做了一些调整


25、简述df算法过程

◆patch(elem,vnode)和patch(vnode,newVnode)

◆patchVnode和addVnodes和removeVnodes

◆updateChildren(key的重要性)


26、Vue为何是异步渲染,$nextTick何用?

◆异步渲染(以及合并data修改),以提高渲染性能

◆$nextTick在DOM更新完之后,触发回调


27、Vue常见性能优化方式

◆合理使用 V-show 和 V-if

◆合理使用 computed

◆ v-for 时加 key ,以及避免和 v-if 同时使用

◆自定义事件、DOM事件及时销毁

◆合理使用异步组件

◆合理使用 keep-alive(在不需要重复渲染的地方缓存下来)

◆data 层级不要太深

◆使用 vue-loader 在开发环境做模板编译(预编译)

◆webpack层面的优化(后面会讲)

◆前端通用的性能优化,如图片懒加载

◆使用SSR


面试题的相关笔记就到此为止了,接下来如果继续写学习日志,将会写别的内容了



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
6

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消