课程名称: 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
面试题的相关笔记就到此为止了,接下来如果继续写学习日志,将会写别的内容了