2018年最熱門的5個前端技術

在很多人曾經的記憶裡，前端人員就是做個美工、做些所謂的網頁特效之類，在IT公司當中是比較沒有話語權的一群人。不過，近年來，确切地說是Node及NPM出現之後，前端技術得到快速發展，各種技術架構層出不窮，前端人員不僅翻身做主人，而且成為了很多程式開發的中堅力量。那麼，展望2018年，又有哪些前端技術值得我們關注呢？

React、Angular、Vue

這幾個時下最熱門的前端架構，2018年有望繼續發光發熱，并會繼續進行版本疊代。從發展趨勢來看，小編比較看好的是Angular，因為它有最完整的體系架構和最活躍的社群，原生支援TypeScript，尤其适合後端轉前端的人員，而微軟似乎也有意将TypeScript與C#做進一步整合，試圖通過前後端一緻的開發體驗來與其他對手進行競争。不過，這并不意味着另外兩者的衰落，如果從對前沿技術的把握來看，React則似乎更加準确。而在國内，Vue則占據上風。

WebAssembly

在2017年11月中旬，Mozilla宣布預設支援WebAssembly，這在所有主流浏覽器（不包括IE11，因為它早已經被程式員們抛棄）。如果說TypeScript像C#、像Java，那麼WebAssembly的出現則讓很多熟悉C、C++等的程式員可以直接轉為前端，而且中間沒有任何學習成本。而JavaScript這個從目前來看非常厲害的程式設計語言，是否會因為WebAssembly的出現而逐漸被人遺忘呢？我們拭目以待。

Web元件和自定義元素

Web元件/自定義元素允許在前端開發中做很多事情，使用它們的一個明顯優勢是樣式和UI元件的共享。這意味着使用這些元件的開發人員不必擔心用于編寫元件的架構/庫/渲染引擎。他們可以用相同的方式來簡單地使用它們。而且，有些人已經提倡在建構UI 時使用 “ 前端微服務 ”方法。

CSS變量

目前四種主流的浏覽器支援CSS自定義屬性（CSS變量）。就像我們在2017年下半年看到了大量針對CSS Grid的最佳實踐和教程，我們将看到大量的開發人員在2018年圍繞CSS自定義屬性來發現和分享最佳實踐。

GraphQL

GraphQL 是一種描述如何請求資料的文法，通常用于用戶端向伺服器請求資料。GraphQL在2017年獲得了巨大的成功。目前，使用這種技術的公司包括Facebook，GitHub等。基本上，GraphQL允許使用者隻檢索他們明确要求的資料。。