資訊專欄INFORMATION COLUMN
摘要：由于個人精力有限，一些技術點的歸納可能有失偏頗，或者目前并未納入進來，因此上的清單內容也會不斷更新。
2018 眼看就要過去了，今年的你相較去年技術上有怎樣的收獲呢？
記得年初的時候我給自己制定了一個學習計劃，現在回顧來看完成度還不錯。但仍有些遺憾，一些技術點沒有時間去好好學習。
在學習中我發現，像文章這樣的知識往往是碎片化的，而前端涉及到的面很多，如果不將這些知識有效梳理，則無法形成體系、相互串聯。最后有一種東懂一塊，西了解一點的感覺。因此，我結合工作體會抽象出了一些前端基礎技術能力，并將這段時間學習或產出的一些不錯的內容根據這些能力進行整理，形成了一份前端技術清單（github 地址）。
不論你是正在自學前端遇到了瓶頸，還是對某些技術熟練掌握但某些還未涉足，都希望這份清單能對你有所幫助。
由于個人精力有限，一些技術點的歸納可能有失偏頗，或者目前并未納入進來，因此 github 上的清單內容 也會不斷更新。目前只包含純前端基礎內容，NodeJS 、客戶端泛前端、小程序、可視化等內容先留著坑吧。
清單內容↓↓↓
0. 年度報告2018 前端工具調查報告
2018 JavaScript 調查報告
1. 基礎拾遺溫故而知新，不知則習之，是以牢固根基。1.1. JavaScript
You-Dont-Know-JS [英]
JavaScript 基礎運行機制：
JS 引擎、運行時與調用棧概述 [英]
V8 引擎簡介 [英]
內存管理與4中常見的泄漏 [英]
Event Loop（面試里總會有一題 Event Loop…）：
從 Event Loop 規范探究 JavaScript 異步及瀏覽器更新渲染時機
異步之 Event Loop [英]
NodeJS 中的 Event Loop、Timers 與 process.nextTick() [英]
Tasks、Microtasks、Queues 與Schedules [英]
Web Workers 及其5個常見使用場景 [英]
如何避免 async/await 地獄 [英]
“回調地獄”的解決思路匯總
1.2. CSSYou-Need-to-Know-CSS
CSS布局指南
CSS 中的各類換行處理方式 [英]：處理經典的換行問題
瀏覽器將rem轉成px時有精度誤差怎么辦？
精準操控的滾動體驗，淺談新標準 Scroll Snap
如何完美實現一個非button元素的按鈕 [英]
巧用 CSS Grid 來創建橫向滾動容器 [英]
如何處理內聯元素中的空隙 [英]
CSS Stacking Context 里那些鮮為人知的坑
1.3. 瀏覽器瀏覽器的工作原理
現代瀏覽器內部是如何運行的：
Chrome瀏覽器概覽
瀏覽時發生了什么？
渲染進程的內部工作原理
compositor是如何來提高交互性能的？
完整的頁面生命周期 API 介紹 [英]
四個新的觀察者：Intersection / Mutation / Resize / Performance (Observer)
渲染引擎工作方式及優化建議 [英]
瀏覽器內核渲染：重建引擎
跨域解決方案匯總
2. 工程化與工具軟件規模的擴大帶來了工程化的需求，前端也不例外。隨著 NodeJS 的出現，前端工程師可以使用熟悉的 JS 快速開發所需的工具。工具鏈生態的繁榮也是前端圈繁榮的一個寫照。2.1. webpack
webpack 中的 Chunk 關系圖算法 [英]
webpack 進階系列文章
編譯優化：
如何提升大型項目中 webpack 的性能
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114128.html
摘要：由于個人精力有限，一些技術點的歸納可能有失偏頗，或者目前并未納入進來，因此上的清單內容也會不斷更新。 2018 眼看就要過去了，今年的你相較去年技術上有怎樣的收獲呢？ 記得年初的時候我給自己制定了一個學習計劃，現在回顧來看完成度還不錯。但仍有些遺憾，一些技術點沒有時間去好好學習。 在學習中我發現，像文章這樣的知識往往是碎片化的，而前端涉及到的面很多，如果不將這些知識有效梳理，則無法形成...
摘要：由于個人精力有限，一些技術點的歸納可能有失偏頗，或者目前并未納入進來，因此上的清單內容也會不斷更新。 2018 眼看就要過去了，今年的你相較去年技術上有怎樣的收獲呢？ 記得年初的時候我給自己制定了一個學習計劃，現在回顧來看完成度還不錯。但仍有些遺憾，一些技術點沒有時間去好好學習。 在學習中我發現，像文章這樣的知識往往是碎片化的，而前端涉及到的面很多，如果不將這些知識有效梳理，則無法形成...
TCP/IP HTTP和HTTPS有何區別？ httpbin 一個簡單的HTTP請求和響應服務。 TCP的三次握手與四次揮手 通俗易懂版，詳細版本 MySQL CHAR和VARCHAR存取的差別 《高性能MySQL》筆記 - MySQL 鎖的基本類型 MySQL中的鎖之一：鎖的必要性及分類 MySQL中的鎖之二：行鎖、頁鎖、表鎖 MySQL Like與Regexp的區別 數據結構 數...
TCP/IP HTTP和HTTPS有何區別？ httpbin 一個簡單的HTTP請求和響應服務。 TCP的三次握手與四次揮手 通俗易懂版，詳細版本 MySQL CHAR和VARCHAR存取的差別 《高性能MySQL》筆記 - MySQL 鎖的基本類型 MySQL中的鎖之一：鎖的必要性及分類 MySQL中的鎖之二：行鎖、頁鎖、表鎖 MySQL Like與Regexp的區別 數據結構 數...
閱讀 2608·2021-11-22 15:25
閱讀 1429·2021-11-15 17:59
閱讀 1128·2021-09-29 09:34
閱讀 1534·2021-09-26 09:46
閱讀 3029·2021-09-02 15:40
閱讀 1190·2019-08-30 15:56
閱讀 3281·2019-08-30 15:55
閱讀 693·2019-08-29 17:08
