直通互聯網大廠前端面試系列(四)——主流框架

傳送門

寫在前面

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組件的生命週期
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章