人生,找個工做好好作着,作到離職退休,是個奢侈的想法。html
由於,總會有這樣那樣的問題,讓咱們在各個廠子間來回奔波。前端
求職,是每一個打工人的痛點,是每一個裸辭打工仔的噩夢。git
如今,但願你能根據這個面試系列的資料,複習完後煥發新生!github
不折騰的前端,和鹹魚有什麼區別web
目錄 |
---|
一 目錄 |
二 自我介紹 |
三 我的計劃與完成狀況 |
四 面試複習心得 |
五 綜合系列文章 |
5.1 博客 |
5.2 面試題 + 含題解 |
5.3 面試題 + 不含題解 |
返回目錄面試
Hello 小夥伴們好,我是 jsliang,一枚喜歡折騰、喜歡學習、樂於和各位小夥伴分享的小前端。jsliang 的自我介紹算法
自 2018 年起,jsliang 有三次前端的求職歷史:segmentfault
在這三次求職的途中,jsliang 曾經有過各類感覺體驗:惶恐、迷茫、焦慮、無奈、釋然 等。設計模式
就比如這一次:前端工程化
是的,複習 2 個月,我還沒找到工做,可是個人心態漸趨穩定:該複習的我都複習了,能不能進廠子那就看緣分吧!
每一個人的行程旅途,總能碰到很是 nice
的小夥伴和導師,在這裏統一答謝下前端行業的小夥伴們:
在這複習旅途中,你是你人生的導師!
去年的、之前的你,寫了一些如今你已經模糊的知識點,你就要虛心向過去的本身學習。
不懂的就問,謙虛令人進步,爲什麼人家一年阿里 P6,你兩年仍是個渣。
雖然你狠焦慮,甚至開始禿頂,可是你要相信本身能熬過去。
前端如何肯定我的方向?
- 2020
+ 2021
複製代碼
求職路上哪裏不會迷茫,推薦兩首很中2、動漫的很雞湯的歌,你只管闖,儘可能別活成你不想活的人生。
2020 年求職計劃閱讀 600+ 篇文章,已閱讀 600+ 篇文章。
閱讀總進度: 611/611 篇。
已整理 60 篇文章。
再三強調:千萬別裸辭,千萬別裸面!
你想禿頭嗎?你想體驗山崩地陷嗎?那就學 jsliang 裸辭裸面吧。
關於複習方式,這裏要說的是,jsliang 畢竟是裸辭的,可能也考慮比較多:就是想去一家更好點的廠子,而後折騰個 3/5 年,進行個更好的沉澱。
因此 jsliang 是逐個複習整理面試中會出現的一些知識點。
若是小夥伴們要進行復習整理,我的推薦方案是這樣的:
若是你的 JavaScript 基礎很差,對閉包、原型鏈等內容不熟,或者對 Promise
、Event Loop
以及手寫源碼等把控很差的話,建議先刷 JavaScript 方面的點。
理解內容爲首要因素,若是你連什麼是深拷貝、什麼是防抖都不知道,那你怎麼寫呢?
還有就是彆強迫本身死記硬背,像手寫代碼你能夠敲一遍,理解思路後,刪除掉本身再敲一遍。
因此每次複習,都會敲 2 遍以上的代碼。
輪詢複習法:10.1 敲兩遍,10.2 敲兩遍,10.4 敲兩遍,10.9 敲兩遍……後面基本想起就知道怎麼寫了。
這塊內容,jsliang 以爲比較難的是 Promise
部分吧,它的題目以及根據 Promise A+
規範手寫 Promise
,其餘部分還好。
例如當前公司敲的是 Vue,或者 React,那就跟進那一塊的內容。
若是你雄心勃勃,那你兩塊均可以複習跟進(前提是你的精力足夠)。
Vue 這塊的話,雖然 jsliang 沒複習,可是一些點仍是能夠推薦小夥伴們看看的:
至於 React 的話小夥伴們看我上面的整理便可。
講起這塊內容,jsliang 其實能夠串聯起來說:
先講 從輸入 URL 到頁面呈現,而後引入瀏覽器的 本地存儲、瀏覽器緩存、性能優化、重排和重繪,接着引入計算機網絡的 網絡安全、DNS、HTTP、TCP、WebSocket,說到 WebSocket 和 網絡安全 那麼咱們能夠談談 跨域以及垃圾回收,垃圾回收 又涉及它的回收機制 LRU 緩存淘汰策略 等。
這樣我這塊內容就囊括起來了。
另外,性能優化 還能夠涉及到 Webpack,那就順帶走步驟四的前端工程化吧!
這塊內容的話,主要是 Babel
和 Webpack
,至於講講工程化的 Gulp
等歷史,我還沒碰到過這類面試題。
Webpack
的話知識點挺多的,比較重要的部分的話,我的以爲是 Webpack
編譯原理、loader/plugin
的實現以及有沒有本身手寫過,而後就是熱更新、Tree Shaking
、Scope Hoisting
這些知識點,最後的最後就是 Webpack
的性能優化,這塊我也是有記憶順序的:
Webpack
自身。resolve.modules/extensions
Webpack
的 loader/plugin
相關:緩存、多進程、多進程壓縮、各類內容壓縮Webpack
其餘相關:懶加載、熱更新、Tree Shaking
、Scope Hoisting
Webpack
的優化幫助:幫助可視化分析的各個 plugin
之類的大概就是這四個部分吧。
爲何特定是 CSS,而不是 HTML 呢?
其實 jsliang 複習 HTML 的時候,就發現一個 HTML5 新標籤和 HTML5 語義化的內容,可能自己寫的 HTML 和 CSS 比較少吧,也不但願面試官問這個,畢竟上一份工做真沒寫多少 HTML 和 CSS。
因此 CSS 部分,常常考查的一些內容會有垂直居中佈局、BFC
之類的,這裏就不哆嗦啦,小夥伴們能夠去看看。
看到這個,有些小夥伴可能懵逼,畢竟你工做中真不會想到這個,好比 jsliang 這複製粘貼工程師。
可是 jsliang 比較榮幸的是本身在 2019 年 5 月在同事浩哥的推薦下開啓了刷題之旅,並沉迷於此吧,如今個人刷題量達 470+ 咯。
可是其餘小夥伴也不用擔憂,除頭條這類大廠外,可能就問你一下排序算法諸如冒泡、快排這些,還有就是紅黑樹啥的,簡單複習的話能夠看看這些,固然上面的文章我也寫了。
另外設計模式的話,也是整理了一些知識點給小夥伴們,而後就是要整理 Vue 內容的小夥伴,代理模式和發佈訂閱模式一定要看看,Object.defineProperty
和 Proxy
實現雙向綁定功能這塊,就不用我過多叮囑了吧~
這樣子你就將這些內容複習地七七八八啦,至於 Node
和 TypeScript
,也是看我的狀況,畢竟有些 JD 要求一定掌握的。
jsliang 僅僅是接觸過,就不獻醜了,祝小夥伴們複習如魚得水,面試勢如破竹~
在大量翻閱文章的過程當中,碰到一些優秀的系列內容,推薦給小夥伴們。
若是一開始不知道看啥,能夠先看這些文章(帶答案的),對一些內容有個大體印象。
2020:
2019:
2018:
有些沒答案的也很精彩,能夠去看看這些知識點本身懂不懂。
2020:
2019:
2018:
不折騰的前端,和鹹魚有什麼區別!
以爲文章不錯的小夥伴歡迎點贊/點 Star。
若是小夥伴須要聯繫 jsliang:
聯繫方式存放在 Github 首頁,堅持天天一道 LeetCode,堅持天天學習,歡迎一塊兒折騰~
jsliang 的文檔庫 由 梁峻榮 採用 知識共享 署名-非商業性使用-相同方式共享 4.0 國際 許可協議進行許可。
基於github.com/LiangJunron…上的做品創做。
本許可協議受權以外的使用權限能夠從 creativecommons.org/licenses/by… 處得到。