種一棵樹最好的時(shí)間是10年前，其次是現(xiàn)在!
2019年下半年，萌生了寫公眾號(hào)的想法，于是乎，申請(qǐng)了一個(gè)訂閱號(hào)。近乎于晾在一邊，持續(xù)了半年時(shí)間，春節(jié)的時(shí)候才想著要認(rèn)真對(duì)待這件事情。
然而，這個(gè)小小的行動(dòng)對(duì)我產(chǎn)生了很大的影響，經(jīng)過(guò)了兩三個(gè)月的時(shí)間，我對(duì)自己進(jìn)行了一定的反思與改變。
一、破局階段
回到認(rèn)真寫公眾號(hào)之初，當(dāng)時(shí)就在想自己應(yīng)該用什么模式來(lái)寫，如何破局。想要寫好公眾號(hào)，需要有高質(zhì)量的原創(chuàng)，只有這樣才有價(jià)值，才能夠值得粉絲關(guān)注。
那么問(wèn)題來(lái)了，原創(chuàng)題材從哪來(lái)？剛好春節(jié)假期有"消滅屯書"計(jì)劃(大家都懂的，沒事買買書，就是沒咋看)，于是我便想討個(gè)巧，制定了云陪讀計(jì)劃。
知道的粉絲應(yīng)該看到了，這個(gè)計(jì)劃還沒有如期完成，可以有各種原因，但主要還是歪馬懶。
在進(jìn)行的五章云陪讀過(guò)程中，我也發(fā)現(xiàn)了這樣幾個(gè)問(wèn)題。
- 如果只是單純的讀書筆記，那么與原文同質(zhì)化太多，還可能存在抄襲侵權(quán)的可能，而且照搬也沒有意義。
- 如果自己進(jìn)行總結(jié)升華，就需要對(duì)每個(gè)章節(jié)的內(nèi)容反復(fù)閱讀。書本的章節(jié)篇幅都較長(zhǎng)，需要花費(fèi)很長(zhǎng)的時(shí)間消化吸收書上的內(nèi)容，往往會(huì)拉長(zhǎng)戰(zhàn)線（給自己找個(gè)借口??）。
- 成就感不足，因?yàn)楦嗟膬?nèi)容有書本作為依托，仿佛不是自己的原創(chuàng)，但其實(shí)并不比原創(chuàng)輕松。
就這樣，陪讀計(jì)劃還沒有如期完成，所以歪馬進(jìn)行了反思。
沒有如期完成，并不是表示歪馬不準(zhǔn)備繼續(xù)《精通CSS》系列陪讀。歪馬仍舊會(huì)完成的，只是計(jì)劃有一定的delay，delay到很多粉絲取關(guān)應(yīng)該因?yàn)檫@個(gè)吧??。
歪馬一直認(rèn)為讀書是很好的系統(tǒng)獲取知識(shí)的方式，所以很推薦讀書。歪馬后續(xù)會(huì)慢慢去優(yōu)化這種讀書分享方式。
二、反思階段
除了原創(chuàng)內(nèi)容的來(lái)源以及云陪讀計(jì)劃delay帶來(lái)的困擾，這幾個(gè)月以來(lái)，歪馬也很有感觸。
寫公眾號(hào)以來(lái)，歪馬接觸到了很多在做同樣事情的小伙伴，他們之中有深耕技術(shù)多年的大佬，也有初入前端的“小白”，甚至有未入職場(chǎng)已聲名遠(yuǎn)播的在校生，當(dāng)然更多的是工作1-2年的年輕小伙伴。之所以說(shuō)年輕，是因?yàn)樗麄兌嗍?5后。
他們對(duì)于技術(shù)有著自己的見解，他們把分享當(dāng)成一種事業(yè)，他們有足夠的能力去寫好每一篇原創(chuàng)，他們有足夠的精力去用心傳播，他們總是那么有干勁，有力量。
而這些我都自嘆不如。
歪馬工作也有不短的時(shí)間了，3年有余，加上又是研究生畢業(yè)，所以和很多小伙伴們比起來(lái)都已經(jīng)算是比較“老的了”。
所以最近我就問(wèn)自己，我真的不如他們嗎？是的，我確認(rèn)不如他們。
我沒有他們有精力，有干勁，持續(xù)不斷的原創(chuàng)，持續(xù)不斷的分享，持續(xù)不斷的擴(kuò)大自己的影響力。而且他們已然有了很大的影響力。
可是那又怎樣？如果只是因?yàn)槟撤矫娴牟蛔憔筒蝗プ汾s，只會(huì)越差越遠(yuǎn)。更何況還有這樣一群有活力，有能力的人作伴。為什么不奮起直追呢？
種一棵樹最好的時(shí)間是十年前，其次是現(xiàn)在。所以，從現(xiàn)在開始，去改變。
三、新的方向
自己給自己打標(biāo)簽，歪馬一直認(rèn)為自己是一個(gè)比較踏實(shí)的人。所以對(duì)待知識(shí)，總是能耐住心思反復(fù)地去學(xué)習(xí)。前有winter大佬在極客時(shí)間開設(shè)的《重學(xué)前端》為鑒，歪馬也想重新地學(xué)一學(xué)前端。
歪馬整理了一份前端相關(guān)的技能樹，其中包括重學(xué)系列和點(diǎn)亮系列。重學(xué)系列主要之前已經(jīng)學(xué)過(guò)的內(nèi)容，再次學(xué)習(xí)發(fā)散；點(diǎn)亮系列是指新接觸的內(nèi)容。當(dāng)然，這些知識(shí)針對(duì)于歪馬而言的。
關(guān)于技能樹，先簡(jiǎn)單說(shuō)下大綱，主要包括以下幾個(gè)大方面
- 前端基礎(chǔ)：包括HTML/CSS/JavaScript/DOM，前端常用框架Vue/React和類庫(kù)等
- Web性能：性能指標(biāo)、評(píng)估工具、性能優(yōu)化等
- HTTP：狀態(tài)碼、跨域、緩存等
- Web工程化：webpack/rollup、依賴管理、持續(xù)集成等
- 開發(fā)效率：Chrome Devtools、IDE等
- 服務(wù)端開發(fā)：Node.js、koa等
- 泛前端：一些設(shè)計(jì)多個(gè)方面的，邊界稍微模糊的問(wèn)題集合
- 計(jì)算機(jī)基礎(chǔ)：編譯原理、數(shù)據(jù)結(jié)構(gòu)、算法以及Linux操作
- 編程思想：設(shè)計(jì)模式、系統(tǒng)架構(gòu)模式等
- 代碼質(zhì)量與測(cè)試：各類lint及測(cè)試工具等
- Web安全：XSS、CSRF、CSP等
- 圖形處理：SVG、Canvas、WebGL這些（可能短期不會(huì)涉及）
簡(jiǎn)圖如下：
后續(xù)，歪馬會(huì)圍繞這一技能樹，不斷地進(jìn)行完善，小伙伴們?nèi)绻惺裁春玫慕ㄗh或者看到有某部分內(nèi)容缺失，可以隨時(shí)指出。技能樹詳情鏈接如下，如有問(wèn)題，請(qǐng)隨時(shí)@歪馬。
文檔鏈接：https://mubu.com/doc/4VGWywoyuXy 密碼：歪碼行空
用法簡(jiǎn)述：
- 技能樹有幕布工具編寫，如果你喜歡看腦圖，可以點(diǎn)擊右上角使用腦圖模式預(yù)覽；
- 點(diǎn)擊不同的節(jié)點(diǎn)，可以查看對(duì)應(yīng)節(jié)點(diǎn)下的數(shù)據(jù)；
- 顏色從易到難由綠、黃、紅標(biāo)識(shí)，黑色是尚未標(biāo)識(shí)；
最后，愿我們都能種出屬于自己的大樹。
