2020年前端面試複習必讀精選文章【贈複習導圖】

前言

之前寫過一篇一年半經驗如何準備阿里巴巴前端面試，給大家分享了一個面試複習導圖，有很多朋友說希望能夠針對每個 case 提供一個參考答案。

寫答案就算了，一是「精力有限」，二是我覺得大家還是需要自己「理解總結會比較好」。

給大家整理了一下每個 case 一些還算不錯的文章吧（還包括一些躺在我收藏夾裡的好文章），大家可以自己看文章總結一下答案，這樣也會理解更深刻。

「並不是所有文章都需要看」，希望是一個拋磚引玉的作用，大家也可以鍛鍊一下自己尋找有效資料的能力 ~

( 文章排序不分前後，隨機排序 ~

建議收藏文章，結合複習導圖食用，效果更佳。

完整複習導圖全展開太大了，可關注公眾號「「前端試煉」」回覆【面試】獲取。

1. JavaScript 基礎

1.1 執行上下文/作用域鏈/閉包

1.2 this/call/apply/bind

1.3 原型/繼承

1.4 Promise

async function async1() {
    console.log('async1 start');
    await async2();
    console.log('async1 end');
}

// 相當於
async function async1() {
    console.log('async1 start');
    Promise.resolve(async2()).then(() => {
      console.log('async1 end');
  })
}
複製程式碼

1.5 深淺拷貝

1.6 事件機制/Event Loop

這個知識點真的是重在理解，一定要理解徹底

for (const macroTask of macroTaskQueue) {
  handleMacroTask();
  
  for (const microTask of microTaskQueue) {
    handleMicroTask(microTask);
  }
}
複製程式碼

1.7 函數語言程式設計

1.8 Service Worker / PWA

1.9 Web Worker

1.10 常用方法

太多了... 總的來說就是 API 一定要熟悉...

2. CSS 基礎

3. 框架(Vue 為主)

3.1 MVVM

3.2 生命週期

3.3 資料繫結

3.4 狀態管理

3.5 元件通訊

3.6 Virtual DOM

3.7 Diff

3.8 Vue 計算屬性 VS 偵聽屬性

3.9 React Hooks

3.10 React Hoc/Vue mixin

3.11 Vue 和 React 有什麼不同

從思想、生態、語法、資料、通訊、diff等角度自己總結一下吧。

4. 工程化

4.1 Webpack

4.2 Babel

4.3 模板引擎

4.4 前端釋出

4.5 weex

4.6 前端監控

5. 效能優化

5.1 打包階段

5.2 其它優化

6. TypeScript

7. 網路

7.1 HTTP

7.2 HTTPS/HTTP2

7.3 DNS

7.4 TCP

7.5 CDN

7.6 經典題

8. 設計模式

9. 資料結構/演算法

10. 安全

11. Node

12. 專案/業務

思考題，自由發揮

13. 其它

14. 面試

15. 書單

推薦一些值得看的書，基本都是我看完或者有翻過幾頁覺得不錯但是還沒時間看的書。

15.1 JavaScript

JavaScript 高階程式設計（高程就不多說了，第四版有英文版）
JavaScript 設計模式
你不知道的 JavaScript
JavaScript 語言精粹
高效能 JavaScript
Learning TypeScript 中文版
深入理解 ES6
ES6 標準入門
深入理解 JavaScript 特性

15.2 CSS

CSS 權威指南（建議看英文版）
精通 CSS 高階 Web 標準解決方案
CSS 世界（張鑫旭老師的大作，但是建議需要有一定 CSS 實踐後再看）

15.3 Node

Node.js 實戰
了不起的 Node.js

15.4 計算機基礎

大話資料結構
圖解 HTTP
計算機/程式是怎樣跑起來的
學習 JavaScript 資料結構與演算法

15.5 工程化/瀏覽器/軟技能

前端工程化體系設計與實踐
webpack 實戰：入門、進階與優化（瞭解一下 webpack 的所有會涉及到的知識點）
WebKit 技術內幕（講瀏覽器的，挺好的）
重構：改善既有程式碼的涉及
碼農翻身
程式設計師思維修煉
編碼：隱匿在計算機軟硬體背後的語言
寫給大家看的設計書
技術之瞳：阿里巴巴技術筆試心得

結束語

上文整理了網上的一些相關文章和躺在我收藏夾裡精選文章，有一些文章還沒看，還需要持續學習呀 ~

放棄了假期快落的島上生活（動森），吐血整理這份資料，希望對大家有所幫助~

歡迎關注公眾號「「前端試煉」」，回覆【面試】獲取完整複習導圖。公眾號平時會分享一些實用或者有意思的東西，發現程式碼之美。專注深度和最佳實踐，希望打造一個高質量的公眾號。偶爾還會分享一些攝影 ~

也可以掃碼加我微信，拉你進交流划水聊天群，有看到好文章/程式碼都會發在群裡。