直通互联网大厂前端面试系列（四）——主流框架

传送门

• 直通互联网大厂前端面试系列（零）——目录总纲
• 直通互联网大厂前端面试系列（一）——HTML/CSS
• 直通互联网大厂前端面试系列（二）——JS / ES6+
• 直通互联网大厂前端面试系列（三）——网络基础
• 直通互联网大厂前端面试系列（四）——主流框架
• 直通互联网大厂前端面试系列（五）——算法

写在前面

React、Vue、Angular已经在前端框架中展现出了三足鼎立之势，而且变化和发展非常快。再加上以它们为中心发展出的各种全家桶，相信，“别发新版本了，老子学不动了”，是大多数前端工程师的心声。与其形成对比的，是Jquery的日渐式微，2018年github宣布放弃jquery，Bootstrap 5也宣布放弃对jquery的依赖，相信类似的新闻会越来越多。一方面这体现出了前端日新月异的发展，另一方面也为我们敲响了警钟，任何框架都是会过时的，只有不断学习，才能保证自己不被淘汰，现实就是这么的残酷。不过这都掩盖不了Jquery曾经的光辉，请允许笔者在此对Jquery致敬！
说回今天的主题，前端近些年的迅猛发展，离不开这三大框架的贡献，它们带来了理念上的颠覆。笔者将其精髓总结为：“增加了一层抽象（Virtual Dom），带来了无限可能（跨平台等）”。本文主旨是帮助大家更好地面试，所以就不再展开了，否则足够写一本书了，直接上干货。

长期如何学习

• “无他，唯手熟尔”，这句流传千年的真理，用在这里再适合不过了。既然是框架，那就是为实战而生的。以React为例，不光是自身，React-router、Redux、Antd这些周边，都要熟练地使用，越熟练越好。只要是框架，全部都适用于这一点。
• 对比异同，通过对比，能很快找出各框架的异同点。不管是相同点还是不同点，肯定是重点。这里推荐Vue的作者尤雨溪在官网写的《对比其他框架》，看过一定会有收获。当然，只有对框架有了足够的熟悉程度之后，才能够真正理解这些，所以还是要先“使劲用”。
• 深入研究，知道了重点，下一步就是深挖了。无论学习任何一门知识，这一步都是必要的，这决定了你在这方面的天花板，也是人和人拉开差距的地方。

短期如何突击

为了面试应该怎么短期突击呢？在网上找以下知识点的文章读一读，起码不会在面试的时候答不上来

• Virtual Dom
• 生命周期
• 组件间通信

因为框架主要是为了实战，所以能考的也就不多了。基本上，中级工程师之前，这些都属于加分项，不会太影响基础的评价。但是，如果想要进大厂，那么还是建议把这部分的知识点过一遍，否则凭什么脱颖而出呢？

临阵如何磨枪

这部分的考题不多，但每道都不好答，追问就更是随心所欲了，同学们注意领会精髓

请介绍一下Virtual Dom？

追问：

• 它是如何diff的？
• 什么是Dirty checking？

什么是单向数据流？

追问：

• 是否用过Immutable.js？它为了解决什么问题？
• 请用JS实现“双向绑定”
• 父子组件间如何通信？兄弟组件如何通信？

请介绍一下React/Vue/Angular组件的生命周期