資訊專欄INFORMATION COLUMN
摘要：同時，前端技術也慢慢的趨于穩固，自成一套體系。從月份開始，微信正式將公測了小程序。基于小程序的開發，也將成為國內的前端的一大重點。
前言
臨近2017的尾聲，總是希望來盤點一下這一年中前端的發展。到目前為止，前端的井噴期也快臨近尾聲了。并不像幾年前一樣，總是會有層出不窮的新東西迸發出來。同時，前端技術也慢慢的趨于穩固，自成一套體系。如果你喜歡我的文章，歡迎評論，歡迎Star~。歡迎關注我的github博客
正文我們何處說起？自然是離不開那三駕馬車。
三駕馬車自從2015年，react的問世，開始了三駕馬車時代的先河。同時，jQuery也逐漸讓出了其霸主的地位。后續的，angular開始了大型的改版，似乎想要追逐react的步伐。兩種完全不同思路的體現，在前端開發的技術棧中發光發亮。同時，Vue就像一匹黑馬一樣，一路披荊斬棘，快速地進步著。
因此，從2017年開始，3架馬車可以說是并駕齊驅。似乎需要看些對比數據，來表示它們目前的現狀。(來自國外的數據)
可以看到react的深紫色是最多的，表示用戶對于react還是十分滿意的。雖然，早前的React收到了協議的影響，但是，這似乎并不影響它在開發者心目當中的地位。另外，react如此受歡迎的另一個重要原因就應該是React Native了吧。今年以來，React Native一直以兩周一次的小版本更迭周期，迅速發展著。或許，2018年將會迎來最重大的正式版本1.0。(這個還是值得期待的。)
對于大多數開發者而言，學習了React的時候，對于它們學習React Native是有直接性質的幫助的，所以一般的國外開發者不會拒絕學習React這個框架的。
介紹完，React的情況，我們或許可以回望一下Angular的情況吧。
Angular可以說是一個最早問世的MVVM的框架。2009年，angular像一枚重磅炸彈一樣，震撼了前端的開發者們。當時，W3C似乎還未推出正式的Web Component標準。React和Vue也還在襁褓之中安眠。可想而知，之后的幾年Angular一直影響著后續前端的發展。但是，Angular有著許許多多的問題，也使得它在后續的框架之爭中，處于下風。2016年9月正式推出的angular2，將angular引領向了另一種形式——以HTML為中心的框架。一套完整的體現，其中加入了TypeScript+RxJS等組合，可想而知，一套內容的學習成本相當之高，與React以JS為中心的思想完全不同。不過似乎這一次Google將框架的定位目標換成了企業，國內外在使用這套框架的往往是銀行、證券類企業。不過，它的發展還是被看好的，畢竟它的背后可都是一群Google的頂尖開發工程師呢！！
最后，我們來了解一下三駕馬車中的黑馬——Vue。
從第一張圖中，雖然React一直處于領導地位，但是，Vue2的使用，也將于其他兩個框架持平快了。畢竟，在國內的前端環境中，Vue可以說是非常受歡迎的。(據說印度開發前端，會用Angular，中國人開發前端，會用Vue)不得不說的是，Vue與Weex的結合，雖然體驗不及RN，但是有著阿里的技術支持，也將有希望突破吧。
PWA如果在國外，你今年聽到的熱詞一定會有PWA這個東西。前不久，Safari已經開始支持PWA了，那么也就意味著PWA的時代不會太遠了。當然，國內實踐PWA的公司也不占少數，例如餓了么、阿里等。從去年開始，對其有所耳聞，到今年Google開發者大會上的現場演示，相信更多的開發者對于這門技術的狂熱。對于國內開發者而言，唯一不好的優勢應該就是文檔了。因為目前來說，大部分的文檔都是以英文的形式存在于GitHub或者國外書籍中的。翻譯過來的書，也不會這么快的速度問世，所以目前研究PWA的中文資料少之又少。
不過相信，它的發展在之后的一兩年的是強而有力的。
國內的小程序今年，在國內會被稱為“小程序年”。從1月份開始，微信正式將公測了小程序。繼而在7月份開始，支付寶也推出了相應的小程序。在國內，這樣子的重大消息是不容忽視的。兩大巨頭之爭，推動的是無與倫比的流量紅利。基于小程序的開發，也將成為國內的前端的一大重點。將原用的整體化的內容，逐步分割成一個個小的模塊，將至放入到微信這個大環境中去分享，最后起到一個引流的效果。回到技術的成面，小程序或許會有著與PWA一樣的思想，將之前在移動端難以為繼的Web端，放入到自家應用中，來確保它的長久與穩定。更多的是說，這兩者起到了異曲同工的效果。同樣的，這項技術，將在2018年持續發展下去，同時，也會有更多的前端投入到這項開發中去。
styled-components這項技術，也是從上半年開始有所耳聞的。主要是作為react庫的衍生物的形式出現的。它將css部分的代碼以js的形式展現在代碼中，那么之后只需要開發js就可以完成整個應用的開發了。同時，它還有一個好處，它的樣式是基于組件的，所以可以做到復用，同時，往往js的變量在css中去使用時，是一個令人頭疼的問題。而styled-components很好的解決了這個問題，因為它本身就是在組件中開發樣式，js的變量依然可以被使用在css的部分代碼中。這項技術也是可期的，因為越來越多的人在自己的react項目中開始了這項技術的嘗試。
Rollup這是啥？沒錯，又有一個模塊打包工具來了。或許，大家熟知的更多的是webpack這個模塊打包工具。今年的4月份，React做了一個大動作——在React的主分支上合并了一個PR，將當時的構建工具換成了Rollup。可想而知，這個東西將會是多么的重要。好奇的是，它與其他的不同之處吧！它是一款基于ES2015模塊進行打包的打包器。在過去的打包工具(包括webpack在內)中，都是基于CommonJS的規范去進行模塊的打包的，所以，過去很多庫的前面總是會有一大堆webpack等自家的邏輯填充在開頭。Rollup不同，他是后天生的，出生的基準點就表明它的高度將不限于此。但是，相對于巨頭webpack來說，它或許在今年并未體現出它的優勢，但是相信它會厚積薄發的。
建議：在開發應用時，使用webpack，在開發庫時，可以考慮Rollup。GraphQL
這個東西，或許在國內鮮有聞之。但是，它仍是一項不錯的技術，同時在調查中，也體現出不俗的潛力，如圖：
它是有Facebook開發的一款API查詢語言，或將替代Rest在后端的地位。雖然，目前來說，其性能并不是特別的優秀，也會bug不斷。但是，2018年或將是GraphQL的一年。那么，和前端又有什么關系呢？別忘了，我們手里還有一個利器NodeJS呢！能夠用好它，對于你開發nodeJS，或許使用便利。
TypeScript這一項由微軟老大開發的語言，處處在彌補著JavaScript的缺陷。一出生，就打著“取代JavaScript”的旗號，發展的速度也是驚人的。當然了，W3C也在努力的推進著JavaScript的進步，之后的幾年，應該會是著兩門語言并駕齊驅的發展吧。因為開發人口眾多，不可能走到誰取代誰的地步。
最后，貼出一張Stackoverflow上面的一項數據統計表吧！
圖片來源：I just asked 23,000 developers what they think of JavaScript. Here’s what I learned.總結
我們盤點了一年以來前端的發展，有著不錯新技術不斷被推出著，相信前端會發展的越來越好。因為在JSConf大會上，有人發言說，之后將會發展成“前端+云端”的組合。那么，也并不存在全棧類開發的說法了。前端開發的小伙伴加油吧！！我們共勉
如果你對我寫的有疑問，可以評論，如我寫的有錯誤，歡迎指正。你喜歡我的博客，請給我關注Star~呦github博客
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112933.html
摘要：同時，前端技術也慢慢的趨于穩固，自成一套體系。從月份開始，微信正式將公測了小程序。基于小程序的開發，也將成為國內的前端的一大重點。 前言 臨近2017的尾聲，總是希望來盤點一下這一年中前端的發展。到目前為止，前端的井噴期也快臨近尾聲了。并不像幾年前一樣，總是會有層出不窮的新東西迸發出來。同時，前端技術也慢慢的趨于穩固，自成一套體系。如果你喜歡我的文章，歡迎評論，歡迎Star~。歡迎關注...
摘要：感謝王下邀月熊分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列，并以年月為單位進行分類，具體內容看這里前端每周清單年度總結與盤點。 感謝 王下邀月熊_Chevalier 分享的前端每周清單，為方便大家閱讀，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列，并以年/月為單位進行分類，具...
摘要：前端每周清單年度總結與盤點在過去的八個月中，我幾乎只做了兩件事，工作與整理前端每周清單。本文末尾我會附上清單線索來源與目前共期清單的地址，感謝每一位閱讀鼓勵過的朋友，希望你們能夠繼續支持未來的每周清單。 showImg(https://segmentfault.com/img/remote/1460000010890043); 前端每周清單年度總結與盤點 在過去的八個月中，我幾乎只做了...
摘要：作為年最具潛力，乃至最具影響力的前端開源項目真的不為過。通過上的介紹，這個項目是偏右阿里的前端大牛和阿里的前端大牛主導，而且從中也不難看出有些部分是來自參與過的項目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的開源世界越發精彩，Vue的不斷壯大，Angular 2的發布，Amaze UI 3....
閱讀 2208·2021-09-30 09:47
閱讀 959·2021-08-27 13:01
閱讀 2958·2019-08-30 15:54
閱讀 3684·2019-08-30 15:53
閱讀 825·2019-08-29 14:07
閱讀 710·2019-08-28 18:16
閱讀 794·2019-08-26 18:37
閱讀 1405·2019-08-26 13:27
