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