摘要：個(gè)人感悟自己公司也有項(xiàng)目在用，學(xué)的難點(diǎn)在于，其他的話上手挺快的，而且是尤大寫的，中文文檔也很完整，很適合新手。

和去年一樣，vue是js項(xiàng)目中點(diǎn)贊數(shù)增加最多的，我們可以看下圖：

這并不代表是最受歡迎項(xiàng)目，在項(xiàng)目總的點(diǎn)贊數(shù)量上依舊是react（86102 stars），但是確實(shí)是增長速度最快的，如果按照這個(gè)速率，接下來有可能會(huì)超過react。

個(gè)人感悟：自己公司也有項(xiàng)目在用，學(xué)vue的難點(diǎn)在于vuex，其他的話上手挺快的，而且是尤大寫的，中文文檔也很完整，很適合新手。

如果vue是成功的，那么無疑react表現(xiàn)的更加不錯(cuò)。

雖然react點(diǎn)贊增加速率不很快（對(duì)于一個(gè)老項(xiàng)目來說，我們應(yīng)該滿足），但是react的成功更傾向于看他的生態(tài)圈，如下圖：

前五個(gè)項(xiàng)目的總star數(shù)超過67.9K，和vue的44.4K比無疑是成功的。

react經(jīng)歷了許可證的鬧劇之后，它的最大的障礙也不復(fù)存在了，我們可以一起來見證它在2018能夠帶來什么新的東西。

個(gè)人感悟：react自己做項(xiàng)目的時(shí)候很傾向于用，但是公司的話沒有在用，因?yàn)橐恍I(yè)務(wù)組件不完全等原因，不過，后面應(yīng)該會(huì)一點(diǎn)點(diǎn)推行。就像上述我說的，react是facebook團(tuán)隊(duì)在維護(hù)的，生態(tài)圈也不錯(cuò)，而且react一直引領(lǐng)著前端的發(fā)展，很贊，個(gè)人也很喜歡?。?！

parcel在一個(gè)月內(nèi)增加的點(diǎn)贊數(shù)量可以超過大多數(shù)項(xiàng)目一年增加的。

你可能不能想象，一個(gè)12月份才推出的項(xiàng)目，點(diǎn)贊數(shù)的增加量可以排到年度的第12名，哈哈哈

甚至超過了webpack，就單單一個(gè)月哈，我已經(jīng)抑制不住好奇心了！?。?/p>

個(gè)人感悟：這個(gè)打包工具我是在前端早讀課這個(gè)公眾號(hào)中了解到的，建議大家也可以了解一下，畢竟是前端的新東西，自己也沒怎么用過，暫時(shí)不評(píng)價(jià)哈，不過口碑好像不錯(cuò)，聽說打包速度比webpack快。到時(shí)候自己去嘗試一下?。?！

三大框架的戰(zhàn)爭應(yīng)該已經(jīng)告一段落，總結(jié)所有框架一年的star增長量，如下圖：

位列前三的框架（Vue、React和Angular）,還有一些更小的框架比如preact(這個(gè)在react許可證鬧劇的時(shí)候聽說)，還有一些自己沒有接觸沒有用過的（Hyperapp、dva等）。

雖然三大框架各有千秋，但是從流行度和生態(tài)圈來講，已經(jīng)不能像以前一樣同日而語了。

但是你還是可以選擇使用任何一門框架，但是他們不在具有一樣的勢(shì)頭了。

優(yōu)勝劣汰，或許也是另一種美好，至少不用像我學(xué)前端的時(shí)候一樣，需要去考慮先學(xué)哪個(gè)，哪個(gè)才是潮流。

個(gè)人感悟：我覺得框架是另一回事，有一些原理是共同的，比如vdom、依賴收集等，框架會(huì)變，只有抓住不變的東西才是我們程序員的核心競(jìng)爭力，我現(xiàn)在也在一點(diǎn)一點(diǎn)的啃源碼，收獲還是挺大的。對(duì)于新東西的好奇也是我們的動(dòng)力源泉，但是不能忘了本質(zhì)性的東西。

2017年最成功編譯工具無疑是vscode。vscode在編輯器中star增加量毫無懸念是第一名，然后他在受歡迎度排行中排到了第六名，很不錯(cuò)的成績。

這也證實(shí)了VSCode成為我們前端開發(fā)者的頭號(hào)編輯器。

VScode是成功的，但也不是完美的，他有需要改進(jìn)的地方，按網(wǎng)上的說法，他在用戶界面的渲染速度是一個(gè)很大缺陷，會(huì)導(dǎo)致初始化的時(shí)候速度變慢

當(dāng)然用一句話總結(jié)：VSCode比webstorm更輕、比sumlime開源、比atom更快。

個(gè)人感悟：以前在老師那邊做項(xiàng)目的時(shí)候，用的是IDEA，但是那個(gè)比webstorm更笨重，后來轉(zhuǎn)向了webstorm，但是用了VSCode之后，感覺那個(gè)啟動(dòng)速度，瞬間就愛上了，也用過一段事件的sumline，sumline給我的感覺太個(gè)性化了，當(dāng)時(shí)就不怎么會(huì)配，后來就沒用，用到現(xiàn)在，還是vscode最合心意。

GraphQL

GraphQL是facebook在2012年的時(shí)候提出，然后在2015年的時(shí)候開源，和RESTful對(duì)比有優(yōu)點(diǎn)也有缺點(diǎn)。這是一門查詢語言，可能不是主流，但是它強(qiáng)大的功能可能能激起不小的浪花，還是挺期待的，雖然要許久才能用到。
推薦博客

Parcel

新的打包工具，自己一開始的時(shí)候接觸過gulp，前端時(shí)間搭建公司新項(xiàng)目架子的時(shí)候研究過webpack的配置，對(duì)于webpack還是挺了解的，webpack需要自己去配置，比如整理entry，output，module，還有一系列的插件，有些許麻煩，不過，webpack有很好的中文文檔，但是，新的工具來的勢(shì)頭很猛。看了下面這片博文，知道了點(diǎn)parcel的好處，但是他在2018年還有好多問題要解決，希望我們能用上一個(gè)更好的工具。
推薦博客

Prettier

這個(gè)工具在2017年也取得了不小的成就，自動(dòng)格式化代碼，讓團(tuán)隊(duì)具備統(tǒng)一的代碼風(fēng)格，聽起來比eslint還厲害，但是有優(yōu)點(diǎn)也有缺點(diǎn)，或許在2018年能更智能一點(diǎn)，在配置方面能夠更靈活等問題，希望它能變得更好，那我們就又有一個(gè)神器了?。?！
推薦博客

Puppeteer

這個(gè)是google發(fā)行的，時(shí)間好像是8月份，但是還是受到大家的追捧，想了解的也可以了解一下，因?yàn)樵?個(gè)月時(shí)間里就可以增加20000stars，

bastof.js.org

希望2018前端變得更美好，希望自己在2018年還能有過多的產(chǎn)出，希望自己對(duì)技術(shù)還滿懷好奇，有探索的心，希望自己抓住一些不變的東西，鞏固自己，充實(shí)自己，輸出給大家，最后希望學(xué)習(xí)前端的同志們一起加油！??！個(gè)人博客喜歡的可以點(diǎn)個(gè)贊，謝謝??！