傳送門
- 直通互聯網大廠前端面試系列(零)——目錄總綱
- 直通互聯網大廠前端面試系列(一)——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實現“雙向綁定”
- 父子組件間如何通信?兄弟組件如何通信?