摘要：碎片化學(xué)習(xí)我們必須學(xué)會(huì)碎片化學(xué)習(xí)。碎片化學(xué)習(xí)也要講究方法，比如我以前寫(xiě)的談學(xué)習(xí)讀源碼和面試經(jīng)都有提到碎片化學(xué)習(xí)的誤區(qū)，并較之以正確的方法。首先，應(yīng)該建構(gòu)起基礎(chǔ)的知識(shí)體系碎片化學(xué)習(xí)仍然需要完整系統(tǒng)的知識(shí)體系。

4-27在小密圈接到第一次付費(fèi)提問(wèn)，喜獲8塊。慶祝一下。
這個(gè)話題也是我在小密圈里和那位同學(xué)的交流時(shí)產(chǎn)生的。他說(shuō)他“學(xué)習(xí)的知識(shí)也不系統(tǒng)化”，“學(xué)習(xí)的知識(shí)也比較混亂”?！安幌到y(tǒng)”暫時(shí)沒(méi)有好辦法，但比較混亂一定是個(gè)問(wèn)題，但是幾句話說(shuō)不清楚，所以構(gòu)思了半天，準(zhǔn)備寫(xiě)一篇文章來(lái)回應(yīng)。

TL;DR： 中心思想：

我們以前熟悉的，以學(xué)校培訓(xùn)為主要形式，所謂“系統(tǒng)性學(xué)習(xí)法”，很難適應(yīng)新時(shí)期互聯(lián)網(wǎng)開(kāi)發(fā)的需求。我們必須掌握碎片化學(xué)習(xí)法，即在快速建立起基礎(chǔ)知識(shí)體系后，利用碎片時(shí)間，有目的有針對(duì)性的吸取專(zhuān)業(yè)知識(shí)，將其拼接到知識(shí)體系之上。使自己能夠快速成長(zhǎng)，在需要的時(shí)候還能及時(shí)切換學(xué)習(xí)方向。

我們最熟悉的學(xué)習(xí)方法，是“系統(tǒng)性地學(xué)習(xí)”。從6、7歲上小學(xué)開(kāi)始，經(jīng)過(guò)初高中，一直到大學(xué)，幾乎都是“系統(tǒng)性地學(xué)習(xí)”。有人替我們把知識(shí)點(diǎn)總結(jié)歸納整理成教材，按照從淺入深，先易后難的順序編排好；保證其中邏輯關(guān)系的循序漸進(jìn)，前因后果；然后規(guī)定多長(zhǎng)時(shí)間學(xué)多少內(nèi)容為合適，多長(zhǎng)時(shí)間為一個(gè)里程碑要進(jìn)行一次怎樣的考試。于是只要智商正常不要偷懶，跟著老師按部就班一二三四五地學(xué)，基本最后都能學(xué)會(huì)。至少，都能通過(guò)考試。

然而這套流程里面有一些隱含前提：

教材和大綱適應(yīng)生產(chǎn)需求

考核考試反應(yīng)生產(chǎn)需求

市場(chǎng)愿意等待學(xué)員慢慢學(xué)習(xí)，學(xué)成歸來(lái)

在傳統(tǒng)行業(yè)傳統(tǒng)理念里，這樣的模式不無(wú)不可。然而面對(duì)軟件開(kāi)發(fā)，尤其是前端開(kāi)發(fā)，這樣做就不合適了。近些年，前端的市場(chǎng)需求大大增加，帶動(dòng)大量從業(yè)人員涌入，也促使大家努力從其他語(yǔ)言和技術(shù)中吸取營(yíng)養(yǎng)，或者想方設(shè)法用現(xiàn)有手段解決眼下的問(wèn)題。于是，前端技術(shù)取得飛速發(fā)展，版本號(hào)和 API 的升級(jí)換代速度之快，連寫(xiě)書(shū)的人都追趕不上，更別提教材了。

這種趨勢(shì)雖然不會(huì)持續(xù)太久，但另一個(gè)趨勢(shì)隨之而來(lái)：大家已經(jīng)不甘于只做瀏覽器相關(guān)開(kāi)發(fā)（本職），而是通過(guò)各種轉(zhuǎn)譯方案，向服務(wù)器端移動(dòng)端開(kāi)拓新邊疆。其它語(yǔ)言的開(kāi)發(fā)者也是如此。所以，我們必須認(rèn)清這個(gè)現(xiàn)實(shí)：作為一名開(kāi)發(fā)者，在可以預(yù)見(jiàn)的將來(lái)，指望像學(xué)校那樣，有教材有教學(xué)計(jì)劃，有每日作業(yè)定期考試，這樣的系統(tǒng)性學(xué)習(xí)可能在也有不會(huì)有了。即使有，市場(chǎng)也等不到你學(xué)成歸來(lái)，那時(shí)候，早有掌握新的學(xué)習(xí)方法，掌握新的工作技能的人占據(jù)要位。

我們必須學(xué)會(huì)碎片化學(xué)習(xí)。

碎片化學(xué)習(xí)絕不是東一腳西一腳，學(xué)到什么是什么，而是像拼拼圖一樣，通過(guò)碎片化學(xué)習(xí)收集知識(shí)技能要點(diǎn)，最終拼出自己的知識(shí)框架。

碎片化學(xué)習(xí)也要講究方法，比如我以前寫(xiě)的 談學(xué)習(xí)：讀源碼 和 面試經(jīng)：GitHub 都有提到碎片化學(xué)習(xí)的誤區(qū)，并較之以正確的方法。那么，完整的正確的碎片化學(xué)習(xí)方法是怎樣的呢？

我們回想一下人類(lèi)認(rèn)識(shí)世界的過(guò)程，很明顯，那是一個(gè)循環(huán)往復(fù)的過(guò)程：

看到現(xiàn)象：日升日落，斗轉(zhuǎn)星移

得到初級(jí)模型：我們生活在四頭大象馱著的一塊四方形棋盤(pán)式的大陸上，大象下面是巨型海龜，在宇宙中遨游

模型無(wú)法解釋現(xiàn)象：航船從地平線出現(xiàn)，是先露出桅桿，然后才是船體

模型升級(jí)：地球是圓的

模型無(wú)法解釋現(xiàn)象：星軌不是純圓以地球?yàn)閳A心

模型升級(jí)：日心說(shuō)

（如此反復(fù)）

重復(fù)這個(gè)過(guò)程，也可以幫我們建立現(xiàn)代開(kāi)發(fā)的知識(shí)體系。

結(jié)合我的經(jīng)驗(yàn)，它應(yīng)該分為五個(gè)部分：

盡快建立起基礎(chǔ)的知識(shí)體系

通過(guò)碎片化的學(xué)習(xí)收集知識(shí)，將其填補(bǔ)到知識(shí)體系之上

讓知識(shí)體系慢慢成長(zhǎng)

通過(guò)真實(shí)項(xiàng)目的實(shí)際操練，尋找自己知識(shí)體系的不足之處，學(xué)習(xí)補(bǔ)足

關(guān)注本行業(yè)內(nèi)的高人名家，幫助自己確定方向

接下來(lái)逐一解釋。

碎片化學(xué)習(xí)仍然需要完整系統(tǒng)的知識(shí)體系。只不過(guò)這里的知識(shí)體系是由我們自己建立起來(lái)的，只包含基礎(chǔ)概念，我稱(chēng)它為知識(shí)體系v2.0；相對(duì)于傳統(tǒng)系統(tǒng)性學(xué)習(xí)建構(gòu)的、意圖在結(jié)束學(xué)習(xí)后立刻解決所有專(zhuān)業(yè)問(wèn)題的知識(shí)體系v1.0，它要簡(jiǎn)單得多：只由這個(gè)知識(shí)體系的不可變的基礎(chǔ)概念構(gòu)成。

不用擔(dān)心它小，不完整，我們接下來(lái)就是不斷豐富不斷擴(kuò)展它。

離開(kāi)校園之后，我們很難找到大塊的時(shí)間集中專(zhuān)門(mén)學(xué)習(xí)，只能把學(xué)習(xí)環(huán)境搬到地鐵上、公交站、電梯間，利用各種碎片化的時(shí)間，見(jiàn)縫插針進(jìn)行學(xué)習(xí)。這個(gè)時(shí)候，想啃掉一本幾百頁(yè)的大部頭變得非常困難。但是利用這些時(shí)間，一次只記住一個(gè)屬性或者一個(gè)選擇器的用法，就還算簡(jiǎn)單。

我常用的碎片化學(xué)習(xí)方法包括：

在微博上 Twitter 上關(guān)注一些技術(shù)達(dá)人，技術(shù)營(yíng)銷(xiāo)號(hào)，及時(shí)了解技術(shù)發(fā)展動(dòng)態(tài)

關(guān)注一些常用項(xiàng)目的官方博客，必看更新日志

時(shí)不時(shí)去一些技術(shù)論壇翻看一下

遇到不確定的地方，立刻去翻官方文檔；文檔無(wú)法直接說(shuō)清楚的地方，自己寫(xiě)成博客記下來(lái)

碎片化學(xué)習(xí)的知識(shí)點(diǎn)一定要拼到知識(shí)體系上才算數(shù)，無(wú)論是“讀源碼”還是“上 GitHub 看別人的項(xiàng)目”，都很難把別人知識(shí)拼到自己的拼圖上，所以，自然就是不科學(xué)不推薦的學(xué)習(xí)方式。

系統(tǒng)性學(xué)習(xí)的知識(shí)體系，比如我們上學(xué)時(shí)候?qū)W語(yǔ)數(shù)外政史地物化生，都很龐大。其中概念的關(guān)聯(lián)也很緊密。這建立在前人大量投入教育領(lǐng)域規(guī)劃總結(jié)的基礎(chǔ)之上。我們開(kāi)發(fā)領(lǐng)域沒(méi)有人做這樣的事情，也沒(méi)有那么完整的時(shí)間讓我們?nèi)ケM善盡美，所以這個(gè)時(shí)候我們就必須把知識(shí)體系也碎片化，每個(gè)知識(shí)體系只包含完整語(yǔ)言的一部分內(nèi)容，然后讓它慢慢成長(zhǎng)。

這一點(diǎn)很重要！

只是跟著別人學(xué)，很容易產(chǎn)成“學(xué)到”的感覺(jué)，即：“哦，原來(lái)是這樣。”不得不說(shuō)有不少同學(xué)都停留在這個(gè)層次，尤其是的面試的時(shí)候，很多同學(xué)都會(huì)在自己簡(jiǎn)歷里堆砌關(guān)鍵詞，但是稍微往深處一問(wèn)就卡殼了，這多半是因?yàn)闆](méi)有實(shí)操過(guò)，沒(méi)有真實(shí)的經(jīng)歷踩坑與爬坑。

實(shí)操的方式有兩種，一是在公司的正式項(xiàng)目中使用。這一方面需要自己付出，先摸索個(gè)大概；另一方面也要爭(zhēng)取領(lǐng)導(dǎo)和同事們的支持。不過(guò)一旦推進(jìn)起來(lái)，會(huì)給自己帶來(lái)巨大的提升。當(dāng)然，在公司里推進(jìn)新技術(shù)新想法未必需要那么激進(jìn)，直接一上就是完整的框架，推翻之前的重做。完全可以一點(diǎn)一滴，從小處入手，循序漸進(jìn)。

另外一種就是做業(yè)余項(xiàng)目。不過(guò)這個(gè)項(xiàng)目一定要是完整、目的明確的項(xiàng)目，做出來(lái)后有人用，你才會(huì)去改進(jìn)它，才會(huì)發(fā)現(xiàn)繞不開(kāi)的坑，填上之后才會(huì)獲得提升。如果只是弄個(gè)小倉(cāng)庫(kù)，把范例 Hello world 丟進(jìn)去能跑起來(lái)，是完全不作數(shù)的。想不出來(lái)做什么，仿一個(gè)別人的項(xiàng)目也是可以的；做出來(lái)至少自己要用，用的不爽改一改，慢慢的，就能感受到進(jìn)步了。

有些同學(xué)只依賴(lài)公司業(yè)務(wù)成長(zhǎng)，公司只做某些事情，他就只會(huì)做某些事情，一段時(shí)間后，覺(jué)得學(xué)不到東西，就跳槽，然后目標(biāo)薪資隨便漲個(gè)30%就可以（原帖找不到了）……這樣自然是不科學(xué)的。所以很有必要關(guān)注一些前輩高人，以他們?yōu)槟繕?biāo)修訂自己的方向。

PS：最近面試了不少人，大家普遍比較關(guān)注阮一峰，這里提醒大家一下阮先生的文章一定要批判的看，一定。

這里我們拿 CSS 來(lái)舉個(gè)例子：

a {
  color: red;
}

它的基礎(chǔ)知識(shí)體系非常簡(jiǎn)單：

選擇器 + 屬性名 + 屬性值

可以 標(biāo)簽賦予新的樣式

初期我們知道它可以修改元素呈現(xiàn)的樣式，然后知道它由三個(gè)基礎(chǔ)元素組成，然后我們就可以圍繞選擇器、屬性、屬性可選值來(lái)進(jìn)行碎片化學(xué)習(xí)。這個(gè)時(shí)候我們可能認(rèn)為 CSS 只能改改字體樣式、改改邊框、弄弄布局尺寸，沒(méi)關(guān)系，這很正常。

一段時(shí)間之后，我們突然發(fā)現(xiàn)有人用純 CSS 做出來(lái)非常炫酷的組件和效果，原來(lái) CSS 還可以這樣用！很好，我們把它納入我們的知識(shí)體系。如此，慢慢的，知識(shí)體系就從小小的幼芽，茁壯成長(zhǎng)，開(kāi)枝散葉，直到能應(yīng)付大部分工作。

在工作的時(shí)候，我們要主動(dòng)把新學(xué)到的知識(shí)應(yīng)用到作品中。比如以前布局只會(huì) float，但是經(jīng)過(guò)學(xué)習(xí)，我們了解到 flexbox 更適合做橫向布局，并且?guī)缀跛袨g覽器都支持，那么我們就可以開(kāi)始應(yīng)用它。

工作一段時(shí)間，我們感覺(jué) CSS 已經(jīng)沒(méi)什么難得倒我們的了，就可以看看張?chǎng)涡竦牟┛?，了解一下這個(gè)行業(yè)最舍得伏下身體研究的人在琢磨什么，有哪些可以借鑒的。

一不小心扯了很多?；仡櫼幌拢艺J(rèn)為至少在開(kāi)發(fā)領(lǐng)域，離開(kāi)校園加入工作之后，再想系統(tǒng)的學(xué)習(xí)已經(jīng)不太可能了，一方面幾乎沒(méi)有真正可靠的服務(wù)，另一方面市場(chǎng)也等不及。所以我們必須掌握碎片化學(xué)習(xí)的方法：先建立一個(gè)基礎(chǔ)的知識(shí)體系，然后通過(guò)碎片化學(xué)習(xí)講知識(shí)點(diǎn)填補(bǔ)在這個(gè)體系之上，讓它生根發(fā)芽，開(kāi)枝散葉，直到覆蓋大部分必須的場(chǎng)景；接著還要想辦法進(jìn)行實(shí)戰(zhàn)演練，保證自己是真的學(xué)到了；最后，通過(guò)關(guān)注行業(yè)達(dá)人，尋求新的方向。

同步發(fā)于我的博客