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

時間 2020-04-08

標籤 2020年前端面試複習精選文章贈複習導圖欄目快樂工作简体版

原文原文鏈接

前言

以前寫過一篇一年半經驗如何準備阿里巴巴前端面試，給你們分享了一個面試複習導圖，有不少朋友說但願可以針對每一個 case 提供一個參考答案。javascript

寫答案就算了，一是精力有限，二是我以爲你們仍是須要本身理解總結會比較好。css

給你們整理了一下每一個 case 一些還算不錯的文章吧（還包括一些躺在我收藏夾裏的好文章），你們能夠本身看文章總結一下答案，這樣也會理解更深入。html

並非全部文章都須要看，但願是一個拋磚引玉的做用，你們也能夠鍛鍊一下本身尋找有效資料的能力 ~前端

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

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

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

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

這個知識點真的是重在理解，必定要理解完全java

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 必定要熟悉...node

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等角度本身總結一下吧。react

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. 項目/業務

思考題，自由發揮webpack

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 技術內幕（講瀏覽器的，挺好的）
重構：改善既有代碼的涉及
碼農翻身
程序員思惟修煉
編碼：隱匿在計算機軟硬件背後的語言
寫給你們看的設計書
技術之瞳：阿里巴巴技術筆試心得

結束語

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

放棄了假期快落的島上生活（動森），吐血整理這份資料，但願對你們有所幫助~

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

掃碼_搜索聯合傳播樣式-標準色版.png

也能夠掃碼加我微信，拉你進交流划水聊天羣，有看到好文章/代碼都會發在羣裏。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。