面试官版前端面试小册Vue篇（二），2024年最新爱奇艺java面试

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

---

答案

1. 节省打包出的结果，异步组件分开打包，采用jsonp的方式进行加载，有效解决文件过大的问题。

2. 核心就是包组件定义变成一个函数，依赖 import（） 语法，可以实现文件的分割加载。

详细的看官方文档：cn.vuejs.org/v2/guide/co…

action 与 mutation 的区别

---

答案

• mutation 是同步更新， $watch 严格模式下会报错

• action 是同步操作，可以获取数据后调用 mutation 提交最终数据

插槽与作用域插槽的区别

---

插槽

答案

• 创建组件虚拟节点时，会将组件儿子的虚拟节点保存起来。当初始化组件时，通过插槽属性将儿子进行分类 {a:[vnode],b[vnode]}

• 渲染组件时会拿对应的 slot 属性的节点进行替换操作。（插槽的作用域为父组件）

作用域插槽

答案

• 作用域插槽在解析的时候不会作为组件的孩子节点。会解析成函数，当子组件渲染时，会调用此函数进行渲染。

• 普通插槽渲染的作用域是父组件，作用域插槽的渲染作用域是当前子组件。

vue中相同逻辑如何抽离

---

答案

其实就是考察 vue.mixin 用法，给组件每个生命周期，函数都混入一些公共逻辑。

谈谈对keep-alive的了解

---

答案

keep-alive 可以实现组件的缓存，当组件切换时不会对当前组件进行卸载。常用的2个属性 include/exclude ，2个生命周期 activated ， deactivated

Vue性能优化

---

答案

编码优化：

• 事件代理

• keep-alive

• 拆分组件

• key 保证唯一性

• 路由懒加载、异步组件

• 防抖节流

Vue加载性能优化

• 第三方模块按需导入（ babel-plugin-component ）

• 图片懒加载

用户体验

• app-skeleton 骨架屏

• shellap p壳

• pwa

SEO优化

• 预渲染

最后的话

---

🚀🚀 觉得不错的朋友可以⭐️关注我，后续会持续更新~

如果想获取完整版面试小册，可以加入这边的交流裙，前面：1048，中间：337，最后：049，裙里从学生到大佬都有，资源免费分享，不见不散哦！

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-BrNJAKGX-1713104812458)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！