[[279047]]

【51CTO.com快譯】如今，隨著各種新趨勢的層出不窮，Web和移動領(lǐng)域的創(chuàng)新不僅改變了人們、乃至整個社會的日常行為習(xí)慣、以及業(yè)務(wù)處理方式，而且也使得開發(fā)人員能夠輕松、且高效地創(chuàng)建出各種實(shí)用的解決方案。

我們作為業(yè)內(nèi)人員顯然需要通過不斷的學(xué)習(xí)來保持知識的儲備，熟悉各種新的趨勢，并在競爭中站穩(wěn)腳跟。下面，我們來一起討論那些本年度改變軟件開發(fā)行業(yè)、特別是Web開發(fā)方面的十大趨勢。

1.漸進(jìn)式Web應(yīng)用(Progressive Web Apps，PWA)

那些時常采用先進(jìn)技術(shù)的企業(yè)，在參與或獨(dú)立開發(fā)移動站點(diǎn)、以及原生應(yīng)用的時候，可以受益于各種先進(jìn)的Web應(yīng)用程序。漸進(jìn)式Web應(yīng)用(https://dzone.com/articles/planning-to-move-your-app-to-a-pwa-all-you-need-to)是目前為止熱門的Web開發(fā)趨勢之一，它旨在為用戶創(chuàng)造更好的瀏覽體驗(yàn)。

漸進(jìn)式Web應(yīng)用程序雖然對于用戶而言，貌似一個移動應(yīng)用，但是它實(shí)際上是各種頁面和網(wǎng)站的組合。PWA專注于向所有類型的設(shè)備、以及所有的平臺用戶提供原生的使用體驗(yàn)。

最新研究表明(https://www.comscore.com/Insights/Presentations-and-Whitepapers/2018/Global-Digital-Future-in-Focus-2018)：在互聯(lián)網(wǎng)應(yīng)用以及網(wǎng)站瀏覽方面，移動設(shè)備的使用頻率遠(yuǎn)超其他類型的設(shè)備。不僅如此，據(jù)粗略統(tǒng)計：移動應(yīng)用的使用不但勝過移動瀏覽器的使用，而且占據(jù)了用戶在智能設(shè)備上整體使用時長的70%以上。

包括阿里巴巴、Twitter、維珍美國、福布斯等知名公司都推出了自己的PWA?？梢哉f，使用PWA的顯著優(yōu)勢就在于：能夠提升品牌的曝光率、以及用戶身份的認(rèn)同感。而在PWA中，經(jīng)常被用到的技術(shù)有：Angular、Polymer和React。

2.人工智能與機(jī)器人

眾所周知，為了給身處不同時區(qū)的用戶提供服務(wù)，企業(yè)往往需要雇傭多元化、且昂貴客戶支持人員，以提供7x24的服務(wù)。如今，隨著技術(shù)的發(fā)展，各類企業(yè)將通過自動化的方式，提供即時的客戶端支持。

其中，聊天機(jī)器人便是基于人工智能和機(jī)器學(xué)習(xí)技術(shù)的綜合應(yīng)用。在可預(yù)見的未來幾年中，由機(jī)器學(xué)習(xí)賦能的聊天機(jī)器人，還會被廣泛地被運(yùn)用到網(wǎng)頁設(shè)計、以及開發(fā)行業(yè)之中。

已有多項(xiàng)調(diào)查表明：聊天機(jī)器人能夠被用來提供快速的響應(yīng)和及時的客戶查詢。由于人工智能可以模仿人類進(jìn)行學(xué)習(xí)，分析信息，收集數(shù)據(jù)，理解情感，以及解決具有挑戰(zhàn)性的問題，進(jìn)而不斷提高自身的認(rèn)知能力，因此它讓聊天機(jī)器人成為了Web開發(fā)中的完美補(bǔ)充。

包括臉書、微軟、推特、谷歌、以及亞馬遜在內(nèi)的知名公司都在人工智能和機(jī)器學(xué)習(xí)方面投入了大量的精力。他們所用到的、可以服務(wù)于網(wǎng)站構(gòu)建的機(jī)器人技術(shù)包括：Facebook Bot Engine、Microsoft Bot Framework、以及Dialog flow。

3.加速移動頁面(Accelerated Mobile Pages，AMP)

作為一種不斷實(shí)踐的新技術(shù)(https://dzone.com/articles/developing-cross-browser-compatible-amp-pages)，谷歌于2015年向公眾推出了已加速的移動頁面項(xiàng)目，它旨在提升用戶手機(jī)的瀏覽體驗(yàn)。

AMP可以減少在各種設(shè)備上的網(wǎng)頁加載時間，并迅速完成網(wǎng)站的載入以及美化任務(wù)。作為比較，那些需要加載22秒鐘的普通Web頁面，經(jīng)過AMP轉(zhuǎn)化后，可以縮短到2秒鐘左右。有了加載速度與時間上的優(yōu)勢，用戶自然會更樂意瀏覽企業(yè)的網(wǎng)站。此外，這也有助于Web應(yīng)用提高在搜索引擎方面的排名。

當(dāng)然，要想將AMP技術(shù)引入自己的網(wǎng)站，您必須使用AMP HTML的開源框架。谷歌對此提供了詳細(xì)的文檔信息，請參見“如何構(gòu)建AMP網(wǎng)頁”(https://www.ampproject.org/docs/)。

4.單頁應(yīng)用程序(Single Page Application，SPA)

完全基于JavaScript的單頁應(yīng)用程序，方便了Web應(yīng)用能夠流暢地運(yùn)行在各種類型設(shè)備之上。它們不僅提高了網(wǎng)站的整體性能，而且免去了只有通過加載完JavaScript的所有內(nèi)容，才能重新加載另一個頁面的需求。

大多數(shù)企業(yè)都會使用單頁應(yīng)用程序，來減少加載多個頁面所花費(fèi)的額外等待時間。當(dāng)然，與多頁Web應(yīng)用相比，單個頁面所需要的加載時間可能會稍多一些。但是，當(dāng)我們考慮用戶在網(wǎng)站各處的總體訪問時間時，單頁面應(yīng)用所節(jié)省的時間還是非常顯著的。同時，它也更易于構(gòu)建網(wǎng)站的響應(yīng)頁面。

常見的SPA例子包括：Gmail、臉書、以及GitHub。而在SPA中常用到的技術(shù)有：React和特別適合于混合應(yīng)用的Angular框架。

5.語音搜索優(yōu)化

根據(jù)Gartner的預(yù)測(https://www.gartner.com/smarterwithgartner/gartner-predicts-a-virtual-world-of-exponential-change/)：隨著智能音箱的逐年普及，到了2020年，將有20%的原有屏幕輸入型搜索會被語音搜索所替代。

如今，谷歌助手一鍵設(shè)備，已經(jīng)能夠讓用戶可見一斑了。而在不久的將來，語音搜索也會在Web開發(fā)中大放異彩。有人曾樂觀地預(yù)測：到了2020年，英國在語音業(yè)務(wù)方面的銷售額可增至50億美元，而美國則可達(dá)400億美元。

就技術(shù)角度而言，語音搜索優(yōu)化在Web開發(fā)領(lǐng)域的應(yīng)用主要體現(xiàn)在：對于搜索引擎的優(yōu)化方面。為此，企業(yè)經(jīng)常會用到語音識別類API、以及語音合成類API。他們既能通過語音識別，來辨識網(wǎng)站訪客的聲音，進(jìn)而響應(yīng)他們的查詢;又能通過語音合成腳本，來讀取各類文本內(nèi)容。

6.動作用戶界面(Motion UI)

Motion UI為交互式網(wǎng)頁設(shè)計提供了動態(tài)的圖形、以及具有動畫效果的Web界面。通過吸引訪客的注意力，它能夠?yàn)槠髽I(yè)站點(diǎn)帶來更高的用戶轉(zhuǎn)換率。

在技術(shù)上，您可以通過Motion UI的相關(guān)類庫，來集成各種動畫圖表、背景動畫、懸停、以及醒目的標(biāo)題。

使用Motion UI的各類元素，您不僅可以使自己的網(wǎng)站賞心悅目，而且能夠通過鼓勵用戶參與互動的方式，提高站點(diǎn)使用率和曝光度。當(dāng)然，它也給開發(fā)者帶來了更多實(shí)現(xiàn)動態(tài)效果的方法。

7.自動化測試

在Web開發(fā)的測試中，無論是單元測試、還是與Web應(yīng)用相關(guān)的跨瀏覽器測試，目前都有了不同程度的改進(jìn)。過去，您必須在系統(tǒng)上設(shè)置一個單獨(dú)的環(huán)境，來執(zhí)行Web應(yīng)用的相關(guān)測試，如今則不同了。市場上琳瑯滿目的各種擴(kuò)展與API，可以被開發(fā)人員輕松地運(yùn)用到目標(biāo)網(wǎng)站上，執(zhí)行各種Web應(yīng)用的測試。其中包括：帶有Chrome和WordPress擴(kuò)展的LambdaTest，以及Screenshot API，它們都能夠允許用戶在不編寫任何外部腳本的情況下，測試其目標(biāo)網(wǎng)頁。

其中，最知名且最穩(wěn)定的自動化測試平臺有：LambdaTest(https://www.lambdatest.com/)、BrowserStack(https://www.browserstack.com/)、以及Cross Browser Testing(https://crossbrowsertesting.com/)，他們常被一些知名企業(yè)所使用。

8.JavaScript

JavaScript是流行的編程語言之一。隨著時間的推移，它持續(xù)以高級框架、設(shè)計、以及類庫的形式，向開發(fā)者交付著新的功能。

過去，許多人們認(rèn)為JavaScript與某些瀏覽器不太兼容，不如純粹的HTML和CSS。如今，隨著各類瀏覽器對JS的全面支持，越來越多的Web開發(fā)人員正在使用基于JS的框架和類庫，來構(gòu)建自己的網(wǎng)站。

JavaScript為用戶開發(fā)動態(tài)的Web應(yīng)用程序提供了靈活、強(qiáng)大且全新的體驗(yàn)。通過JavaScript，開發(fā)人員能夠構(gòu)建出精準(zhǔn)、穩(wěn)定且具有快速響應(yīng)能力的網(wǎng)站。同時它也能提供對其他語言的回調(diào)(call-backs)能力。

上文提到的Angular和React都是基于JavaScript的框架與類庫。隨著JavaScript框架在Web開發(fā)領(lǐng)域的廣泛使用，它將在未來的幾年內(nèi)為Web開發(fā)人員帶來更多的新功能。

9.區(qū)塊鏈技術(shù)

隨著比特幣的普及，越來越多的人注意到了它對于整個Web開發(fā)行業(yè)的影響。作為一個開放且分布式的分帳機(jī)制，區(qū)塊鏈技術(shù)通過提供聯(lián)絡(luò)所需的安全性，來保護(hù)各種在線交易。同時，它使用普通的數(shù)據(jù)存儲方式，來協(xié)助用戶將個人數(shù)據(jù)存儲到網(wǎng)絡(luò)上的不同地理位置。

由于區(qū)塊鏈意味著高度可信的保護(hù)水平，因此許多跨國銀行和組織都愿意為之投入、并看好區(qū)塊鏈的前景。此外，區(qū)塊鏈也有助于降低金融業(yè)務(wù)的成本，降低交易結(jié)算的頻率，并提升由透明記錄所支持的現(xiàn)金流等方式。

10.物聯(lián)網(wǎng)

由于許多公司需要通過桌面終端、或筆記本電腦，來遠(yuǎn)程控制物聯(lián)網(wǎng)設(shè)備，因此物聯(lián)網(wǎng)設(shè)備數(shù)量的劇增將直接影響到Web開發(fā)領(lǐng)域。根據(jù)Statista的報告(https://www.statista.com/statistics/471264/iot-number-of-connected-devices-worldwide/)預(yù)測：到了2025年，物聯(lián)網(wǎng)中的連接設(shè)備數(shù)量將超過300億個。

在為企業(yè)獲得更多商機(jī)的同時，物聯(lián)網(wǎng)給他們提供了高精度的數(shù)據(jù)，和更高的效率。此外，為了更好地為客戶提供服務(wù)，這些物聯(lián)網(wǎng)設(shè)備需要與各種網(wǎng)站實(shí)現(xiàn)無縫集成。將來，開發(fā)人員不僅需要參與這些設(shè)備的搭建，還需要通過應(yīng)用程序來進(jìn)行二次開發(fā)，合理使用、以及分析由設(shè)備所產(chǎn)生的數(shù)據(jù)。

目前，雖然只有為數(shù)不多的網(wǎng)站與應(yīng)用能夠無縫地使用并集成物聯(lián)網(wǎng)，但是在可以預(yù)見的未來，幾乎每一個網(wǎng)站都會通過整合物聯(lián)網(wǎng)的方式，來提升訪客的用戶體驗(yàn)。當(dāng)然，物聯(lián)網(wǎng)也會帶來各種新的挑戰(zhàn)，尤其是在數(shù)據(jù)安全方面，需要開發(fā)者尤為重視和反復(fù)實(shí)踐。

結(jié)論

綜上所述，Web開發(fā)是一個永遠(yuǎn)不會過時的話題。隨著新技術(shù)的不斷涌現(xiàn)，Web開發(fā)人員應(yīng)當(dāng)與時俱進(jìn)，以更快捷、更高效、更穩(wěn)定、更安全的方式構(gòu)建出屬于自己的應(yīng)用程序或網(wǎng)站。

原文標(biāo)題：Top 10 Web Development Trends to Follow in 2019，作者: Saif Sadiq

【51CTO譯稿，合作站點(diǎn)轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】