- 第1章 課程介紹【說說面試的那些事兒】本章會出幾個面試題，分析每道題目設計的知識點，然后總結出一個完整的知識體系。讓我們開始 “題目->知識點->解題” 的快樂之旅吧。8 T1 J# n9 r5 |: @) `??w
- 1-1 導學-升級(前端面試題)
- 1-2 看了這節課你就知道該怎么準備面試了
- 1-3 先來體驗幾個面試題
- 1-4 如何搞定所有面試題試看
- 1-5 知識體系0 Y$ l! ?6 y’ y# s” N
- 第2章 面試前的準備【要知己知彼，不打無準備之仗】本章介紹面試之前你需要準備什么，以及如何解讀 JD ，如何寫好簡歷，還有些面試的注意事項。幫大家規避一些非技術的風險和問題。: S, l- n3 l: s- q! s/ V
- 2-1 面試之前需要準備你什么
- 2-2 投遞簡歷的幾種方式
- 2-3 面試的主要環節
- 2-4 JD分析-知己知彼（上）
- 2-5 JD分析-知己知彼（下）
- 2-6 如何寫簡歷
- 2-7 簡歷案例分析
- 2-8 面試前的準備工作和注意事項
1 g; c4 x* O+ T, `+ f1 ^$ C& |+ v
- 第3章 CSS 面試題【不多說了，前端面試 CSS 是必考知識，不過關直接回家】本章講解 CSS 中常考和必考的知識點，包括布局、定位、響應式等。其中會講到很多常考問題，如 BFC、居中對齊、flex 布局等。前端一面中，CSS 一般最先考察，不過關則直接宣告失敗。5 t; c2 `- _2 y
- 3-1 html、css面試介紹
- 3-2 html面試題
- 3-3 布局-題目
- 3-4 布局-解題-1
- 3-5 布局-解題-2
- 3-6 布局-解題-3
- 3-7 布局-解題-4
- 3-8 布局-解題-5
- 3-9 定位-解題-1
- 3-10 定位-解題-2
- 3-11 圖文樣式-解題
- 3-12 響應式-解題
- 3-13 2 css-響應式-vw-wh
- 3-14 css面試總結/ f/ G” b2 w9 A$ @, U/ {
7 s8 r??q” b6 C2 D* P/ s
- 第4章 JS基礎-變量類型和計算【不會變量，別說你會JS】本章介紹變量的類型和計算的知識點和題目，包括值類型和引用類型區別，類型判斷，深拷貝等。變量和類型是一個任何一門語言的基礎，不了解的話，會被認為是 JS 語法不過關。
- 4-1 JS 值類型和引用類型的區別
- 4-2 手寫 JS 深拷貝
- 4-3 變量計算 – 注意某些類型轉換的坑
- 4-4 變量類型相關的面試題
) B* m” S2 M- Q0 D$ x6 T’ i
- 第5章 JS基礎-原型和原型鏈【三座大山之一，必考！！！】本章介紹原型、原型鏈和 class 相關的知識點和題目。包括 class ，繼承，原型，原型鏈，instanceof。原型是“JS 三座大山”之一，原型和原型鏈也是必考知識點。
- 5-1 JS 原型的考點和面試題
- 5-2 如何用 class 實現繼承
- 5-3 如何理解 JS 原型（隱式原型和顯示原型）
- 5-4 instanceof 是基于原型鏈實現的
- 5-5 JS 原型本章相關的面試題
- 第6章 JS基礎-作用域和閉包【三座大山之二，不會閉包，基本不會通過】本章介紹作用域和閉包的知識點和題目。包括作用域，自由變量，閉包，this 等部分。作用域是“JS 三座大山”之二，不知道閉包的話，面試通過概率不大。
- 6-1 什么是作用域？什么是自由變量？
- 6-2 什么是閉包？閉包會用在哪里？試看
- 6-3 this 有幾種賦值情況
- 6-4 作用域相關的面試題 – part1
- 6-5 作用域相關的面試題 – part2
- 6-6 補充 – 原型中的 this3 j9 d; k8 \” N1 P
- 第7章 JS基礎-異步【三座大山之三，必考！！！】本章介紹異步的知識點和題目。包括異步和同步的區別，異步應用場景，以及 Promise 。異步是“JS 三座大山”之三，所有公司的 JS 面試，100% 會考察異步和 Promise 。
- 7-1 同步和異步有何不同
- 7-2 異步的應用場景有哪些
- 7-3 promise的基本使用
- 7-4 JS 異步相關的面試題
- 7-5 JS基礎部分的考點總結
- 第8章 JS 異步進階【想要進大廠，更多異步的問題等著你】JS 的特色就是異步編程，所有有很多關于異步的考點，本章都會講解。如 event loop、promise、async-await、微任務和宏任務。學不會這些，就不算是精通 JS ，也無法進大廠。8 d6 h2 {# U( w4 |2 x* X
- 8-1 本章考點介紹
- 8-2 看幾個異步的面試題
- 8-3 什么是event loop
- 8-4 event loop 的執行過程
- 8-5 DOM事件和event loop的關系
- 8-6 Promise有哪三種狀態
- 8-7 Promise的then和catch如何影響狀態的變化
- 8-8 Promise關于then和catch的面試題
- 8-9 async-await語法介紹-part1
- 8-10 async-await和Promise有什么關系
- 8-11 async-await是語法糖，異步的本質還是回調函數
- 8-12 for-of的應用場景
- 8-13 什么是宏任務和微任務
- 8-14 event-loop和DOM渲染的關系
- 8-15 為什么微任務比宏任務執行更早
- 8-16 微任務和宏任務的根本區別
- 8-17 解答JS異步的面試題
- 8-18 本章考點總結
- 第9章 JS-Web-API-DOM【學會DOM，才能具備網頁開發的基礎】本章介紹 DOM 操作的知識點和題目。包括 DOM 結構，常用 DOM 操作，DOM 性能優化等。DOM 是網頁結構的基礎，學會 DOM 操作才可以做網頁開發。
- 9-1 從JS基礎到JS-Web-API
- 9-2 DOM的本質是什么
- 9-3 DOM節點操作
- 9-4 DOM結構操作
- 9-5 如何優化 DOM 操作的性能
- 9-6 DOM 操作相關的面試題
4 u$ N0 Z/ L” ?+ {( [* N
- 第10章 JS-Web-API-BOM【內容雖然不多，但是你不能不會】本章介紹 BOM 操作的知識點和題目。本章內容雖然不多，但不可不會。9 i* f. I# i. b! l’ Z??D
- 10-1 BOM 操作相關的面試題
. N, g2 z: e. [- c* Q
- 10-1 BOM 操作相關的面試題
- 第11章 JS-Web-API-事件【事件不會，等于殘廢，必考！必考！】本章介紹事件綁定的知識點和題目。包括事件綁定，事件冒泡機制，事件代理。事件能讓網頁和鼠標、鍵盤進行交互，初級 JS 面試必考。
- 11-1 事件綁定和事件冒泡
- 11-2 什么是事件代理（面試必考）
- 11-3 DOM 事件相關的面試題
1 q. t$ y$ `0 G’ s5 i’ k/ i
- 第12章 JS-Web-API-Ajax【每個工程師必須熟練掌握的技能】本章介紹 ajax 相關的知識點和題目。包括 XMLHttpRequest ，同源策略，跨域方式，以及常用插件介紹。我們早就進入了動態網頁時代，而當下的前后端分離開發方式，更加要求每個工程師必須熟練掌握 ajax 。
- 12-1 ajax 的核心API – XMLHttpRequest
- 12-2 什么是瀏覽器的同源策略
- 12-3 實現跨域的常見方式 – jsonp 和 CORS
- 12-4 ajax 相關的面試題 – part1
- 12-5 ajax 本章相關的面試題 – part2
- 12-6 實際項目中 ajax 的常用插件; \+ q# `$ k: q??h9 }
# j; p- r! p- v
- 第13章 JS-Web-API-存儲【內容雖然不多，但不可不會】本章介紹存儲的知識點和題目。包括 cookie、localStorage 和 sessionStorage 。本章內容雖然不多，但不可不會。+ T5 K1 @) e9 p. }( s
- 13-1 如何理解 cookie
- 13-2 localStorage SessionStorage 和 cookie 的區別
- 第14章 http 面試題【前后端分離的時代，網絡請求是前端的生命線】前端工程師做出網頁，需要通過網絡請求向后端獲取數據，因此 http 協議是前端面試的必考內容。本章講解 http 協議常考的知識點，如狀態碼、header、method、緩存等。特別是 http 緩存策略，非常重要。4 z& g??V5 Y9 @; }! h; }8 [! V
- 14-1 http的幾個面試題
- 14-2 http常見的狀態碼有哪些-part1
- 14-3 http常見的狀態碼有哪些-part2
- 14-4 什么是Restful-API
- 14-5 http哪些常見header
- 14-6 http為何需要緩存
- 14-7 cache-control是什么意思-http強制緩存
- 14-8 Etag和Last-Modified是什么意思-http協商緩存
- 14-9 刷新頁面對http緩存的影響
- 14-10 http考點總結
0 @$ K* Y. D0 d6 x
- 第15章 開發環境【不會這些，你就會被認定是菜鳥小白，沒做過項目】本章介紹開發環境相關的知識點和題目。包括 git ，調試工具，抓包工具，webpack 和 babel ，以及 linux 常用命令。熟練使用開發環境的各個工具，才能證明你真的做過前端開發，真的有項目經驗，否則只能被認定為菜鳥小白。8 x1 v- t’ H+ z. g$ |/ z7 w” `
- 15-1 前端開發常用的開發工具
- 15-2 什么是 git
- 15-3 git 的常用命令有哪些
- 15-4 git 常用命令演示
- 15-5 如何用 chrome 調試 js 代碼
- 15-6 移動端 h5 如何抓包網絡請求
- 15-7 如何配置 webpack
- 15-8 如何配置 babel
- 15-9 ES6 模塊化規范是什么
- 15-10 如何配置 webpack 生產環境
- 15-11 前端用到的 linux 常用命令有哪些
- 15-12 開發環境的考點總結
- 第16章 運行環境【這些會了，你就可以飛了】本章介紹運行環境相關的知識點和題目。包括瀏覽器加載和渲染機制，性能優化，web 安全。網頁在瀏覽器加載和運行，這些內容必須掌握，也是面試常考。+ m??m/ C3 \% k0 F” Y& c% s
- 16-1 JS 上線之后在什么哪里運行？
- 16-2 網頁是如何加載并渲染出來的
- 16-3 網頁加載和渲染的示例
- 16-4 網頁加載和渲染相關的面試題
- 16-5 前端性能優化有哪些方式
- 16-6 前端性能優化的示例
- 16-7 手寫防抖 debounce
- 16-8 手寫節流 throttle
- 16-9 如何預防 xss 攻擊
- 16-10 如何預防 xsrf 攻擊
- 16-11 運行環境的考點總結
- 第17章 課程總結【很有必要帶你避免面試犯低級錯誤】本章回顧所有題目和知識點，總結課程內容。還會介紹一些實用的面試技巧，避免你在面試中犯一些低級錯誤。; d??u4 ~; k: @” f
- 17-1 課程總結~
- 17-2 面試技巧7 \9 }+ ~# A0 }. p- {
- 第18章 真題模擬【我是來告訴你答案是什么】本章節，通過一部分高頻面試真題，帶大家分析面試，以及如何解答。
- 18-1 章節介紹
- 18-2 題目講解-1：何為變量提升？
- 18-3 題目講解-2：手寫深度比較 isEqual
- 18-4 題目講解-3：你是否真的會用數組 map
- 18-5 題目講解-4：再學閉包
- 18-6 面試講解-5：回顧 DOM 操作和優化
- 18-7 面試講解-6：jsonp 本質是 ajax 嗎
- 18-8 面試講解-7：是否用過 Object.create()
- 18-9 面試講解-8：常見的正則表達式
- 18-10 面試講解-9：如何獲取最大值
- 18-11 面試講解-10：解析 url 參數
- 18-12 面試講解-11：數組去重有幾種方式？
- 18-13 面試講解-12：是否用過 requestAnimationFrame– H* W7?
