寫博客的這幾個月，獲益良多

1.前言

也將近過年了，看了那麼多人搞了年會總結。本身活躍社區這幾個月，改變了很多，收穫也很多。就想寫下這段時間寫文章的一些總結，統計下‘成績’，說下感想，就寫了這篇文章。此次總結的關鍵詞就是：2。（公衆號粉絲超200，前端羣人數超200，單篇文章閱讀數超20000，兩個社區的文章被收藏總數超20000，單社區的文章閱讀總數超200000。發完這篇文章，就收拾行李出發了，去廈門逛逛，第二次坐飛機，第二次出省。球衣號碼也是2，個人年紀也是20多，最重要的是，我人也有點2。）看了這些數據，這感受就是如同本身達到里程碑同樣。開心，興奮。

數據統計截至2018-1-24 21:00:00

2.社區數據

先說下社區的數據。

2-1.segmentfault

2017年6月，註冊segmentfault，6月15號發佈第一篇專欄文章。截至目前，在segmentfault發佈了36篇文章，34篇是專欄文章。這些文章的閱讀次數超過110000，被收藏了9582次，得到了1417個贊（因爲segmentfault的顯示機制，這些數據是手動統計的）。主頁的高份內容全是文章。關注人數1177，專欄關注人數439。

這篇文章的收藏次數，點贊次數，閱讀數都高於我在segmentfault發佈的其它文章。當屬MVP。（也是有點很差意思說，由於這篇是集成分享類的文章，不是技術文）

2-2.掘金

掘金狀況比較特殊，沒記錯的話，我是7月就註冊了掘金的帳號，直到9月18號纔在掘金髮了第一篇專欄文章。掘金上，得到了5260個關注。專欄文章發佈24篇，分享文章1篇，得到喜歡（收藏或者贊）14532次，被閱讀221042次。其中一篇文章的閱讀次數超過20000。

除了文章以外，在掘金也聽了幾回課，拿了幾回邀請函，圖片就不貼了。

2-3.文章概況

這些文章的連接我就不貼了，須要看的移步到個人主頁！

技術型22篇
項目總結型6篇
資源分享型1篇
雜談型5篇

涉及的技術：html5,css3,javascript,vue.js,es6,webpack等

技術方面：包括項目的搭建，寫作技巧，語言總結，實例開發等。

由於寫了這些文章，所以在社區也拿了很多的周邊。周邊能夠說是我寫文章的另外收穫，每次收到周邊也很開心。對這些有記念意義的周邊也很珍惜，也以爲周邊就是社區對個人一種支持，鼓勵，承認。

寫了這些文章，收穫很多，最大的收穫本身能夠總結，提高，能夠和更多的開發者交流學習，這樣的收穫比之前不寫文章的時候多得多。每次看到本身的文章被點贊，收藏，評論的時候，都很開心。文章前面寫了我社區的‘成績單’，也是這個緣由。

這一篇文章以後。我寫做的重心會有所轉變，可能會更多的把精力放在寫系列文章，或者寫深刻，進階一點的文章上面。也但願本身的寫做水平也獲得提高。能把文章寫得深刻淺出，寫得精煉，通俗易懂，結構清晰。

3.公衆號和微信羣

公衆號這個是突然間的想法，就是想有一個，感受就像一張名片同樣！公衆號，如今申請了應該有一個月了吧，粉絲剛在不久前超過200。歡迎關注，若是有什麼好的運營建議，也但願你們可以指點。

在發佈兩年經驗總結的那篇文章的時候，爲了認識更多的同行，有更多的學習交流，就在文章的末尾放了微信二維碼。到如今爲止加了超過200個開發者。也組建了一個前端羣，方便你們交流。到目前爲止，羣裏超過200人，並且羣仍是很活躍，這很讓我開心。若是你們須要進羣，能夠聯繫我！

4.資源附錄

4-1.資源分享

說完了本身的文章狀況，是時候分享一些文章了，由於資源分享的文章以前已經發過一次了，此次分享的文章就是這段時間看的一些資源，以爲還不錯的資源。分享給你們，但願你們喜歡。

css(3)

【整理】CSS佈局方案
也許vue+css3作交互特效更簡單
CSS 寫做建議和性能優化小結
css：默認的checkbox、input、radio太醜了？我來教你改變使用純css3改寫的帶動畫的默認樣式
20個實用的CSS技巧代碼
CSS性能分析，如何優化CSS提升性能
CSS 黑魔法小技巧，讓你少寫沒必要要的JS，代碼更優雅
漸進式動畫解決方案
CSS新特性
CSS Animation性能優化
【轉載】高性能的動畫
奇妙的 CSS shapes(CSS圖形)

javascript

反擊爬蟲，前端工程師的腦洞能夠有多大？（前端反爬蟲的文章，只有想不到，沒有作不到）
這些的JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚歎不已
如何寫出好的 JavaScript —— 淺談 API 設計
JavaScript 設計模式 ① 正確使用面向對象編程的姿式
如何優雅的編寫 JavaScript 代碼
我的小結--javascript實用技巧和寫法建議
純前端實現人臉識別-提取-合成
最全正則表達式總結：驗證QQ號、手機號、Email、中文、郵編、身份證、IP地址等
99%的人都理解錯了HTTP中GET與POST的區別
JavaScript練習網站收集
javascript打怪升級--把業務邏輯當練習題作

es6,es7,es8

10個最佳ES6特性
實例感覺-es6的經常使用語法和優越性
聊聊ES7與ES8特性
Async/Await替代Promise的6個理由
10分鐘學會ES7+ES8
import、require、export、module.exports 混合使用詳解

vue

深刻淺出基於「依賴收集」的響應式原理
Vue全家桶實踐項目總結
vuex入門實例(1/3)（這個是一個系列的文章，看完建議也把這個系列的文章都看下）
原創《vue2.0進階系列》教程目錄大全
另闢蹊徑：vue單頁面，多路由，前進刷新，後退不刷新
vuejsexamples（vue的各類demo，可能會有須要的需求）

parcel

宣佈 Parcel：一個快速，零配置的 Web 應用打包工具
前端構建工具吐槽與parcel極簡入門
折騰記：Hello Parcel
從 webpack 到全面擁抱 Parcel #1 探索 Parcel（這篇應該會用後續內容，你們能夠跟着學）

書籍推薦

《javascript框架設計》（第二版）-司徒正美
《指尖上行 移動前端開發進階之路》

雜談

關於IT培訓機構的我的見解
不吹不黑聊聊前端框架--尤雨溪Live整理
web前端--10個妨礙進步的學習方式
爲何一些公司招前端不想要培訓班出來的人？
前端新人不容易
如今Web前端是否是已經飽和了?
2017前端技術發展回顧
2018前端值得關注的技術
前端入行兩年--教會了我這些道理

4-2.滄海遺珠

有些文章，我看着寫得不錯，質量很好，可是人氣比較少。緣由方面，我的以爲大可能是曲高和寡，其次是社區的顯示機制，致使文章石沉大海，最後就是文章的知識點過於單一，能學到的不多。

之因此把這一塊收集而且貼出來，主要是由於幾個緣由：

1.一篇文章，寫做不易，讓更多人看到，就是對勞動成果的敬佩。若是是質量高的文章，更不該該石沉大海，應該讓更多人看到。

2.爲了說明，一篇高人氣的文章，基本上就是一篇好文章；可是一篇低人氣的文章，未必就是很差的文章。

3.我很敬佩這些做者。真的能作到：即便沒有讀者，也堅持寫文章。剛開始寫文章的時候，我也是沒人氣，如今回看在社區發佈的前兩篇文章，即便是我，也不以爲那算是文章，算是筆記，可是我沒有刪除這兩篇文章，由於以爲那個是個人一個開端，挺有歷史意義的。第一個被收藏，第一個贊是從第三篇文章開始。

4.這塊原本打算單獨發文章的，可是收集到的文章也很少，當附錄在這裏貼了！由於確實難收集，要知足：人氣少，我看過，我看得懂，我以爲好。

1.下文說起的文章，都是原創文章，若是是轉載或者是翻譯文章，在下文不會說起。 之因此只貼原創的，並非排斥轉載或者翻譯，而是轉載或者翻譯可能已經有不少人轉載翻譯了，人氣應該不低，我不想再轉載一次！
2.下面的文章，是我本身看過的一些質量很高，人氣卻不多的文章，僅僅只表明我我的意見。不表明其餘！

從 JavaScript 到 TypeScript - 模塊化和構建
從 JavaScript 到 TypeScript - 聲明類型
從 JavaScript 到 TypeScript - 泛型
從 JavaScript 到 TypeScript - 接口（上面幾篇，是邊城大神寫的文章，雖然不能說是特別詳細的教程，可是寫得真不錯，能夠做爲理解的一個入口）
理解JavaScript的prototype和__proto__
JS中的call、apply、bind方法詳解
JS之正則表達式詳解
加深對 JavaScript This 的理解
八段代碼完全掌握Promise
vue插件編寫與實戰（這篇文章表面看着，人氣不低，可是應該更高，能夠做爲一篇練習的教程）
【教學向】再加150行代碼教你實現一個低配版的web component庫（1） —設計篇（這個系列的文章，能夠做爲認識MVVM組件庫的入門教程，可是這兩篇的文章真的是人氣比較少）
難以想象的CSS之clip-path
全部用CSS3寫的3D特效，都離不開這些知識
proto 和 prototype 會出如今什麼地方？它們之間是什麼關係？實現繼承依賴什麼？
JavaScript 語法解析、AST、V八、JIT
LeanCloud帶圖形校驗碼的短信發送Vue組件開發
忍者級別的JavaScript函數操做
【GitHub】超實用技巧，看這一篇就夠了！
Google LOGO的CSS Sprite
web調試優化-chrome開發者工具不徹底指南（這篇文章，我感受本身寫得不錯，但就是瀏覽量很低，在segmentfault的一個未解之謎）

5.我的感慨

以前跟有幾個開發者問我：爲何寫文章。關於這個問題，若是在寫第一篇文章的時候問我，我會回答：就是抱着嘗試下的態度去寫，那個時候以爲寫文章能夠總結並整理本身的知識，提高本身的技術水平，能夠和更多的開發者進行交流學習。若是如今問我，我只回答：此中有真意，欲辯已忘言。如今我感受寫文章就是一個比較神奇的事情，有什麼能夠寫的，我就想寫。

堅持寫文章，感受就像有股力氣推着本身去觀察，探究，思考。以下：

1.若是想寫文章，必需要有內容寫，若是總是發很相似的文章，做者和讀者都不耐煩，學到的知識也有限。這就促進了做者去觀察，探究，思考。從而發現新知識，纔有內容可寫。

2.一篇文章，要想受歡迎，除了第一點所說的要有合適的內容自以外。文章的結構也要清晰和通俗易懂。若是做者想要文章結構清晰，通俗易懂，那做者在寫文章就得多加整理，在整理的過程當中，也整理了腦海知識和思想，就是思惟和表達的實戰訓練，能夠起到一個很好的強化知識的做用。文章發佈出來了，至關於就是已經整理好的知識的備忘錄。

3.文章就像是一個溝通的媒介，每一篇文章就是和其餘開發者交流的機會，多是讚美，多是批評，多是建議。好比別人看了個人文章，以爲哪裏寫得很差，寫錯了，給出建議。我和他交流過程當中，可能會遇到不懂的，或者本身哪些方面有欠缺的，若是我想弄懂或者改進，也就是促進探究，思考的始點。

4.除了這些學習方面的收穫，寫博客也有一些連鎖的收穫，好比：提升本身的知名度，提升寫做水平，記錄本身的成長等等。

有時候寫文章就像寫日記，甚至想寫微博，發朋友圈通常。給本身的生活留下一點痕跡。看着本身寫的文章，感慨萬千啊。

6.小結

看了這些數據，對於我而言，就如開頭所說，讓我開心，興奮。但不會讓我膨脹，由於我知道，這些數據只是一個參考的做用，如同人氣低的文章，質量可能很高。活躍社區的做者，技術可能很通常（好比像我這樣，尷尬十秒）。並且，如今我作的事情，你們均可以作到，這並非值得吹的過人之處。只是看着本身的努力讓我有達到里程碑的感受而已。看了這些數據，想必你們也知道了，寫文章就和學習同樣，提高在於點滴積累，而不是一步登天。

在這段時間，很是感謝你們的支持和鼓勵。在之後，隨着學習，可能寫文章的重心會跟着改變，可是不變的就是我仍然會繼續的寫文章。若是你們有什麼好的建議，或者想和我交流的，能夠經過各個途徑聯繫我，期待與你的更多交流，學習。