『前端好文整理』2019你值得擁有

年初按照慣例，是應該立下flag的時候了。

把2018年積累的一些碎片化的好文都梳理了一遍，知識體系化後學習會變得更加有目的性，從而提高學習效率( github地址)。

JS篇

數據類型

• JS基本數據類型和引用數據類型的區別及深淺拷貝
• JS的第七種數據類型
• JS中typeof與instanceof的區別
• typeof null 爲何等於 object?
• 爲何用Object.prototype.toString.call(obj)檢測對象類型?
• JS顯性數據類型轉換和隱性數據類型轉換
• 理解Object.defineProperty的做用

this

• 深刻理解 js this 綁定 ( 無需死記硬背，尾部有總結和麪試題解析 )
• 前端基礎進階（五）：全方位解讀this
• this、apply、call、bind
• JavaScript中的call、apply、bind深刻理解

做用域鏈與閉包

• JavaScript中做用域和做用域鏈的簡單理解（變量提高）
• JavaScript做用域、上下文、執行期上下文、做用域鏈、閉包
• 前端基礎進階（四）：詳細圖解做用域鏈與閉包
• JavaScript 閉包入門（譯文）
• JavaScript深刻之閉包
• JavaScript 閉包
• 瀏覽器是怎麼看閉包的。

原型與原型鏈

• 白話原型和原型鏈
• 前端基礎進階（九）：詳解面向對象、構造函數、原型與原型鏈
• 最詳盡的 JS 原型與原型鏈終極詳解，沒有「多是」。（一）
• 最詳盡的 JS 原型與原型鏈終極詳解，沒有「多是」。（二）
• 最詳盡的 JS 原型與原型鏈終極詳解，沒有「多是」。（三）

JS執行底層

• 前端基礎進階（一）：內存空間詳細圖解
• 前端基礎進階（二）：執行上下文詳細圖解
• 前端基礎進階（十二）：深刻核心，詳解事件循環機制
• js中的事件委託或是事件代理詳解

ES6/ES7..

• ES6 系列之 let 和 const
• 前端基礎進階（十四）：es6經常使用基礎合集
• ES6 系列之箭頭函數
• JavaScript初學者必看「箭頭函數」
• Promise之你看得懂的Promise
• ES6 系列之咱們來聊聊 Promise
• Promise原理講解 && 實現一個Promise對象 (遵循Promise/A+規範)
• web前端-js繼承的理解
• js 深拷貝 vs 淺拷貝
• 深拷貝的終極探索（90%的人都不知道）
• 理解 async/await
• ES6 系列之咱們來聊聊 Async

除此以外強烈推薦冴羽老師的ES6系列文章，深刻骨髓的理解ES6中的核心。

TypeScript

• 深刻理解 TypeScript
• TypeScript體系調研報告
• TypeScript 實踐

Node

• Node入門
• 談談Node中的常見概念
• Node & Express 入門指南
• Express使用手記：核心入門
• node進階——之事無鉅細手寫koa源碼
• 帶你走進 koa2 的世界（koa2 源碼淺談）
• fly.js—Node下加強的API

HTML/CSS篇

• CSS 常見佈局方式
• 【整理】CSS佈局方案
• CSS查漏補缺
• [佈局概念] 關於CSS-BFC深刻理解
• [譯]這些 CSS 命名規範將省下你大把調試時間
• CSS知識總結
• 前端開發規範：命名規範、html規範、css規範、js規範

HTTP

• HTTP狀態碼（HTTP Status Code）
• 面試 -- 網絡 HTTP
• HTTP最強資料大全
• 我知道的HTTP請求

性能&優化篇

• 瀏覽器的迴流與重繪 (Reflow & Repaint)
• 瀏覽器緩存
• 瀏覽器前端優化
• 瀏覽器渲染引擎
• JavaScript 瀏覽器事件解析
• 前端性能——監控起步
• javascript性能優化
• 瀏覽器性能優化-渲染性能
• 瀏覽器渲染過程與性能優化
• 現代瀏覽器性能優化-CSS篇
• 瀏覽器工做原理及web 性能優化

Webpack篇

• webpack詳解
• Webpack4優化之路
• webpack4之高級篇
• webpack4-用之初體驗，一塊兒敲它十一遍
• 📚免費的漸進式教程：Webpack4的16篇講解和16份代碼
• 手寫一個webpack4.0配置

React篇

• 五星推薦的系列文章清單
• 鬍子大哈React.js 小書
• TypeScript 2.8下的終極React組件模式

面試篇

• HTML&&css面試題
• Excuse me？這個前端面試在搞事！
• 80% 應聘者都不及格的 JS 面試題
• 2019年前端面試都聊啥？一塊兒來看看
• 一篇文章搞定前端面試
• 如何輕鬆拿到淘寶前端 offer | 掘金技術徵文
• 騰訊前端面試篇（一）
• 騰訊前端面試篇（二）

一點感悟

在大前端的時代，要學的知識愈來愈多，惟有不斷的學習不斷的積累才能走的更遠！本文也會不斷的更新下去，但願能幫助到更多的前端愛好者。固然若是你有好文章推薦的話，不妨留言評論，你們一塊兒分享，一塊兒成長。Learn and live！奉上github。

最後祝掘金上的全部開發者們元旦快樂！