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