如何快速建立正確的前端知識體系？

過去幾年，小程序和Flutter、Weex 等跨平臺開發(fā)工具的出現(xiàn)，React、Vue 和 Angular 等框架的完善，都展示出同一個道理：

前端發(fā)展日益迅猛，其社區(qū)的活躍度和標(biāo)準(zhǔn)的更新速度，也早已遠(yuǎn)超你我想象。

就拿 JavaScript 標(biāo)準(zhǔn)來說，ES6 中引入的新特性超過了過去十年的總和，新特性帶來的實(shí)踐就更多了，僅僅是一個 Proxy 特性的引入，就支持了 VueJS 從 2.0 到 3.0 的內(nèi)核原理完全升級。

雖然技術(shù)蓬勃發(fā)展是好事，但同時也讓作為前端的我們學(xué)習(xí)壓力陡然增大。

經(jīng)常聽到這樣的「哀嚎」：“我真的學(xué)不動了！”。還沒看完 Vue 2.0，3.0就來了，學(xué)習(xí)速度老是跟不上技術(shù)發(fā)展，焦慮！

但說實(shí)話，造成這一切真的是因?yàn)榧夹g(shù)迭代速度過快嗎？

我并不認(rèn)同。

以前在阿里做淘寶前端負(fù)責(zé)人的時候，總能遇到個別工作多年的前端開發(fā)，看到某類我認(rèn)為很基礎(chǔ)的用法時驚呼：“還可以這樣！”。因此我常戲稱很多同學(xué)，學(xué)前端的方式是“土法學(xué)前端”，他們對于知識的理解基本都停留在單獨(dú)的知識點(diǎn)，對前端整個知識體系和底層原理并沒有系統(tǒng)地理解。

所以，并不是你學(xué)不動，而是你知識體系底層構(gòu)建出現(xiàn)了問題。這也是我認(rèn)為 80% 的前端程序員都應(yīng)該“重學(xué)”一遍的原因。

“重學(xué)”，不是讓你忘掉現(xiàn)在所有的知識儲備和技能，而是以完備、體系化的方式重新理解前端的知識架構(gòu)。

而這，正是我在極客時間開設(shè)《重學(xué)前端》專欄的初衷。

??新用戶享首單限時優(yōu)惠，19.9元立即帶走winter獨(dú)家前端“寶典”

我是誰？

我是程劭非，用網(wǎng)名“winter”混跡于各大前端社區(qū)。作為前手機(jī)淘寶前端負(fù)責(zé)人，我曾帶領(lǐng)團(tuán)隊開發(fā)出了阿里巴巴開源項目 Weex 移動前端開發(fā)框架，也取得了不錯的成績：目前 Weex 可以支持手機(jī)淘寶這樣的航母級移動應(yīng)用，把移動應(yīng)用本身的靈活性、迭代更新的周期和成本優(yōu)化到極致。

我在 2006 年就開始接觸前端。最開始，在微軟北京擔(dān)任軟件開發(fā)工程師，負(fù)責(zé) Windows CE 上的 IE 瀏覽器開發(fā)，接觸到了當(dāng)時最先進(jìn)的軟件工程體系，并且積累了很多 UI 架構(gòu)經(jīng)驗(yàn)。

后來，我加入了盛大創(chuàng)新院做電子書，負(fù)責(zé)電子書的文本排版工作，這個工作是一個既寫底層又寫 JavaScript 的崗位，同時排版引擎也是瀏覽器的重要組成部分，也讓我對瀏覽器的工作原理有了更深入的理解。在盛大后期，我加入了 WebOS 項目，負(fù)責(zé)前端框架，我開始基于移動的角度思考前端交互和框架，這份工作又加深了對我前端技術(shù)的理解，

相信由我來帶你“重學(xué)”前端，必定會給你與眾不同的視角和實(shí)戰(zhàn)的技巧。我能帶給你什么？

我將知識分成了四個模塊來講解。

模塊一 ·JavaScript ：我主要會從文法和運(yùn)行時的角度去討論 JavaScript 語言。它們是互相關(guān)聯(lián)的，而語義就是文法到運(yùn)行時之間的橋梁；它們分別又是完備的，任何語言特性都離不開兩者，所以從語法和運(yùn)行時的角度，我們都可以了解完整的 JavaScript。

模塊二· HTML 和 CSS：會側(cè)重從語言和設(shè)計思想的角度來講解，我們同樣可以對兩者的全貌建立一些認(rèn)知。

模塊三· 瀏覽器部分：包含了瀏覽器工作的原理和一些重要的 API，包括 BOM、DOM、CSSOM 和其他一些內(nèi)容。了解了這些知識，你才能把 JavaScript 和 HTML、CSS 連接起來，用 JavaScript 來實(shí)現(xiàn)功能。

模塊四·前端綜合應(yīng)用：主要是我的一些工作經(jīng)驗(yàn)，我會選擇我在手淘和淘寶工作中的一些案例來輔助講解。

專欄目錄

訂閱福利？

新用戶現(xiàn)在下單，首單限時優(yōu)惠 ￥19.9，原價 ￥99。

?掃描下圖二維碼，試看或訂閱。

△ 掃碼免費(fèi)試看

點(diǎn)擊「閱讀原文」，立即試看專欄。