手记

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

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

课程章节:框架面试课

课程讲师: 双越

课程内容:


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

◆加载大组件

◆路由异步加载


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

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

◆如多个静态tab页的切换

◆优化性能


16、何时需要使用beforeDestory

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

◆清除定时器

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


17、什么是作用域插槽?


18、Vuex中action和mutation有何区别

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

◆mutation做原子操作

◆action可以整合多个mutation


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

◆hash默认

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


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



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


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


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



0人推荐
随时随地看视频
慕课网APP