金三銀四跳槽季，offer快到碗裏來，前端面試考點衆多，而網上各個知識點的博客文章又太多，看的眼花繚亂……所以便整理了一下常見知識點的精華文章，每個知識點的文章控制在3篇以內，儘量覆蓋該知識點的下容易被面試到的所有內容，文章都是之前自己讀過的，確定是精華乾貨。文章會一直更新，也歡迎大家推薦精華文章，大家共同學習進步！
CSS
- css佈局
乾貨!各種常見佈局實現+知名網站實例分析 - BFC
學習 BFC (Block Formatting Context) - flex
Flex 佈局教程：語法篇
Flex 佈局教程：實例篇 - 移動端
騰訊移動Web前端知識庫 - css3綜合
個人總結（css3新特性） - css3動畫優化
css3動畫優化 - 綜合
12個HTML和CSS必須知道的重點難點問題
js
- js基礎
JavaScript深入系列15篇正式完結！ - 閉包
破解前端面試（80% 應聘者不及格系列）：從閉包說起 - 原型
深度解析原型中的各個難點 - this、apply、call、bind相關問題
this、apply、call、bind - js執行機制
JavaScript：徹底理解同步、異步和事件循環(Event Loop)
這一次，徹底弄懂 JavaScript 執行機制 - dom
破解前端面試（80% 應聘者不及格系列）：從 DOM 說起
原生JS中DOM節點相關API合集
dom裏各種尺寸區別（offsetWidth，scrollWidth，clientWidth，innerWidth…） - 跨域
前端常見跨域解決方案（全） - 常見工具函數手寫（節流，防抖，扁平，柯里化…）
JavaScript專題系列20篇正式完結！ - 正則
JS正則表達式完整教程（略長） - es6綜合
ECMAScript 6 入門 - promise
八段代碼徹底掌握 Promise
promise實現原理：手把手教你實現一個完整的 Promise - Generator，async/await相關
阮一峯：Generator，async，Thunk，co 系列
vue
React
webpack
其他
- 模塊化
前端模塊化：CommonJS,AMD,CMD,ES6 - 前端規範
前端開發規範：命名規範、html規範、css規範、js規範 - 移動端適配
使用Flexible實現手淘H5頁面的終端適配
vw、vh:再聊移動端頁面的適配 - PC端兼容性
瀏覽器兼容性問題解決方案 · 總結 - 移動端兼容性
移動 Web 開發問題和優化小結 - 調試技巧
web調試優化-chrome開發者工具不完全指南 - 常見數據結構與算法
我接觸過的前端數據結構與算法
十大經典排序算法總結（JavaScript描述） - 設計模式
Javascript常用的設計模式詳解 - 版本控制問題（git/svn）
互聯網公司常見工作流比較 - 前端部署代碼問題
大公司裏怎樣開發和部署前端代碼？ - 前端持續集成
實戰筆記：Jenkins打造強大的前端自動化工作流 - https
分分鐘讓你理解HTTPS - http2.0
HTTP/2協議–特性掃盲篇 - 瀏覽器工作原理
瀏覽器工作機制全面梳理 - 瀏覽器緩存機制
瀏覽器緩存知識小結及應用 - 瀏覽器綜合
從輸入URL到頁面加載的過程？如何由一道題完善自己的前端知識體系！ - 前端安全
xss/csrf問題：前端安全知識
sql注入問題：網絡攻擊技術開篇——SQL Injection
劫持類問題：Web 前端頁面劫持和反劫持 - SEO
前端SEO技巧總結 - PWA
PWA學習與實踐系列
文章轉發自：https://juejin.im/post/5aae076d6fb9a028cc6100a9#heading-9