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

传送门

写在前面

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

长期如何学习

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

短期如何突击

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

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

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

临阵如何磨枪

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

请介绍一下Virtual Dom?

追问:

  • 它是如何diff的?
  • 什么是Dirty checking?
什么是单向数据流?

追问:

  • 是否用过Immutable.js?它为了解决什么问题?
  • 请用JS实现“双向绑定”
  • 父子组件间如何通信?兄弟组件如何通信?
请介绍一下React/Vue/Angular组件的生命周期
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章