今天來(lái)給大家談?wù)?019年的8個(gè)Web開(kāi)發(fā)的趨勢(shì)，希望能給各位帶來(lái)一些有用的信息。

Html, CSS, JS & Node.js

很多人可能會(huì)問(wèn)，說(shuō)Html,CSS,JS作為一種趨勢(shì)不太好吧。為什么把Html, CSS, JS放在第一個(gè)？因?yàn)樗鼈冇啦贿^(guò)時(shí)，并且是前端開(kāi)發(fā)的基礎(chǔ)，而且標(biāo)準(zhǔn)也在逐年更新，而且每年學(xué)習(xí)前端技術(shù)的人也越來(lái)越多，并且他們接觸的第一門前端技術(shù)就是這三樣，所以把它們放在了第一位。之所以把Node.js也放在了這里，是因?yàn)樗兊迷絹?lái)越重要，并且也逐漸成為了以后前端開(kāi)發(fā)需要的基礎(chǔ)技術(shù)，將在前端基礎(chǔ)中占有一席之地。你們可以隨便翻看市場(chǎng)上的前端招聘信息，很多都把會(huì)Node.js作為招聘條件放在了前列。所以，現(xiàn)在學(xué)好Node.js絕對(duì)是明智之舉！

GraphQL

GraphQL，一種用于API的查詢語(yǔ)言，你只需要向你的API發(fā)出一個(gè)GraphQL請(qǐng)求，就能準(zhǔn)確獲得你想要的數(shù)據(jù)。而且你可以通過(guò)GraphQL，只需要用一個(gè)請(qǐng)求，就可以獲取到多個(gè)資源，即使在比較慢的網(wǎng)絡(luò)連接下，使用GraphQL的應(yīng)用也能表現(xiàn)得足夠迅速。為什么要使用GraphQL？因?yàn)樗?jiǎn)單，優(yōu)美嗎？這當(dāng)然也是它作用的一部分，更是因?yàn)樗哂袠O大的靈活性以及給我們的應(yīng)用帶來(lái)的質(zhì)的提升！

三大前端框架 Vue.js/Angular/React.js

盡管它們已經(jīng)成為了2018年的前端開(kāi)發(fā)趨勢(shì)，然而2019年它們的發(fā)展勢(shì)頭也定不會(huì)減，反而會(huì)越來(lái)越流行。

2017年受歡迎的框架技術(shù)

2018年最受歡迎的框架技術(shù)

上面兩張圖分別是2017年和2018年stackoverflow做的關(guān)于年度最受歡迎的框架技術(shù)調(diào)查。從上面那張圖中我們可以看見(jiàn)，Angular在2017年最受歡迎的框架技術(shù)中排名第二，React排名第四。在下面這張圖里面，從5萬(wàn)多分調(diào)查中我們可以發(fā)現(xiàn)，在最受歡迎的框架技術(shù)中，除了Node.js排在第一之外，Angular和React分別以36.9%和27.8%排在了第二位和第三位。從而可以說(shuō)明這些前端框架技術(shù)的流行程度，而且React技術(shù)的流行程度也是逐年提升的。

Stencil

我從它的官網(wǎng)介紹中摘抄了一段關(guān)于它的描述：Stencil結(jié)合了流行的前端框架的概念，并生成100％基于標(biāo)準(zhǔn)的Web組件，可在任何現(xiàn)代瀏覽器中運(yùn)行。這意味著什么？我們都知道，如今大前端時(shí)代已經(jīng)到來(lái)，html+css+js開(kāi)發(fā)隨處可見(jiàn)，不僅僅是桌面應(yīng)用，所有的手機(jī)應(yīng)用現(xiàn)在都可以使用H5技術(shù)開(kāi)發(fā)，使用Stencil，可以幫助我們快速構(gòu)建想要的組件，并且這些組件可以在任何平臺(tái)或者設(shè)備上運(yùn)行，不需要我們考慮兼容性。而且它可以與任何主要框架（React&Angular&Vue）一起使用，或者根本不需要任何框架。

JAMStack基于客戶端JavaScript，可重用API和預(yù)建Markup的現(xiàn)代Web開(kāi)發(fā)架構(gòu)

JAMstack是指使用JavaScript、API和Markup構(gòu)建的技術(shù)堆棧，JAM是JavaScript、API和Markup的簡(jiǎn)稱，前面第一個(gè)字母縮寫(xiě)，JAMstack一種基于客戶端JavaScript，可重用API和預(yù)構(gòu)建Markup的現(xiàn)代Web開(kāi)發(fā)架構(gòu)，需要符合下面三個(gè)標(biāo)準(zhǔn)：

JavaScript：請(qǐng)求/響應(yīng)周期中的任何動(dòng)態(tài)編程都由JavaScript處理，完全在客戶端上運(yùn)行。這可以是任何前端框架，庫(kù)，甚至是輕量JavaScript。

API：所有服務(wù)器端進(jìn)程或數(shù)據(jù)庫(kù)操作都被抽象為可重用的API，使用JavaScript通過(guò)HTTPS訪問(wèn)。這些可以是定制的或利用第三方服務(wù)。

Markup：模板化標(biāo)記應(yīng)該在部署時(shí)預(yù)先構(gòu)建，通常使用內(nèi)容站點(diǎn)的站點(diǎn)生成器或Web應(yīng)用程序的構(gòu)建工具。

為何JAMstack會(huì)逐漸流行？更好的性能：為什么要在部署時(shí)生成頁(yè)面時(shí)等待頁(yè)面動(dòng)態(tài)構(gòu)建？當(dāng)談到最小化第一個(gè)字節(jié)的時(shí)間時(shí)，沒(méi)有什么能比通過(guò)CDN提供的預(yù)構(gòu)建文件更好。

安全性更高：將服務(wù)器端進(jìn)程抽象為微服務(wù)API，可以減少攻擊的表面區(qū)域。您還可以利用專業(yè)第三方服務(wù)的專業(yè)知識(shí)。

更便宜，更容易擴(kuò)展：當(dāng)您的部署相當(dāng)于可以在任何地方提供服務(wù)的一堆文件時(shí)，擴(kuò)展就是在更多地方提供這些文件的問(wèn)題。CDN是完美的，通常包括擴(kuò)展他們的所有計(jì)劃。

更好的開(kāi)發(fā)者體驗(yàn)：松散耦合和控制分離允許更有針對(duì)性的開(kāi)發(fā)和調(diào)試，并且為站點(diǎn)生成器擴(kuò)展選擇CMS選項(xiàng)消除了為內(nèi)容和營(yíng)銷維護(hù)單獨(dú)堆棧的需要。

PWA(Progressive Web Apps)

漸進(jìn)式Web應(yīng)用程序是具有Web可用范圍的用戶體驗(yàn)，它們是：

可靠 - 即使在不確定的網(wǎng)絡(luò)條件下，立即加載并且永遠(yuǎn)不會(huì)顯示downasaur。

快速 -快速響應(yīng)用戶交互，絲般流暢的動(dòng)畫(huà)，沒(méi)有亂七八糟的滾動(dòng)。

參與 - 感覺(jué)就像設(shè)備上的自然應(yīng)用程序，具有身臨其境的用戶體驗(yàn)。

在如今用戶至上的時(shí)代，開(kāi)發(fā)出一款面向用戶的應(yīng)用，給予用戶最好的體驗(yàn)，相信是所有互聯(lián)網(wǎng)產(chǎn)品的初衷。PWA就能實(shí)現(xiàn)這樣的需求。

Serverless如今，Serverless已經(jīng)在Github上獲得了29222個(gè)star，就已經(jīng)說(shuō)明了它的流行程度。為什么要使用Serverless？使用Serverless，這意味著開(kāi)發(fā)人員可以單獨(dú)構(gòu)建處理生產(chǎn)就緒流量的應(yīng)用程序，他們不必主動(dòng)管理其應(yīng)用程序的擴(kuò)展。他們不必配置服務(wù)器，也不必為未使用的資源付費(fèi)。他們可以通過(guò)小型敏捷團(tuán)隊(duì)實(shí)現(xiàn)項(xiàng)目開(kāi)展。

最終，無(wú)服務(wù)器是將您的精力集中在為用戶提供價(jià)值的方面。升級(jí)Linux發(fā)行版不會(huì)為用戶提供價(jià)值。管理RabbitMQ服務(wù)器不會(huì)為用戶提供價(jià)值。運(yùn)輸產(chǎn)品為用戶提供價(jià)值。

AI/Bots如今，人工智能，機(jī)器學(xué)習(xí)等技術(shù)越來(lái)越流行，2019年也不會(huì)例外。它們將在我們以后的生活中扮演著越來(lái)越重要的角色。如何使我們的應(yīng)用變得更加智能？AI/Bots給出了答案。相信以后的Web應(yīng)用也會(huì)變得越來(lái)越智能化。學(xué)習(xí)這方面的知識(shí)也變得越來(lái)越重要，這意味著在將來(lái)的競(jìng)爭(zhēng)中擁有這些能力將會(huì)更加地受到企業(yè)的青睞！