【譯】2016 年 JavaScript 回顧

gecko23 發(fā)布于2019-08-21 11:20 / 1824人閱讀

摘要：是在谷歌的年開(kāi)發(fā)者峰會(huì)上宣布，但穩(wěn)定的技術(shù)和工具終于在月到達(dá)。固然也不能保證蘋(píng)果將實(shí)施這項(xiàng)技術(shù)，但這并不重要，你的應(yīng)用程序仍然可以在中工作，它只是不會(huì)從離線執(zhí)行中受益。我有一種感覺(jué)一旦上體驗(yàn)有明顯提升蘋(píng)果將鼓勵(lì)支持。

2016年是值得紀(jì)念、奇怪的、有點(diǎn)歡騰/可怕的一年，取決于你的觀點(diǎn)。跟其他事件相比僅僅專注于JavaScript可能看起來(lái)無(wú)關(guān)緊要，但它是每個(gè)Web開(kāi)發(fā)人員的工作生活中巨大的一部分。

JavaScript的流行繼續(xù)激增。不是每個(gè)人都喜歡這種語(yǔ)言，但是你很少聽(tīng)到十年前的嘲笑意見(jiàn)。就個(gè)人而言，我一直喜歡JavaScript - 即使在早期，令人沮喪的年份。那些從C ++，Java或PHP方向接近它的人首先會(huì)感到困惑：JavaScript看起來(lái)很熟悉，但又不是。克服你的假設(shè)，你會(huì)喜歡它簡(jiǎn)單的優(yōu)雅，實(shí)用性和靈活性。（比如：日期處理仍然是一個(gè)噩夢(mèng)！)

JavaScript在5月份慶祝它的21歲生日，讓我們回顧成熟發(fā)展的第一年...

ECMAScript發(fā)展

ES6/2015是語(yǔ)言自誕生以來(lái)最重要的更新。規(guī)范花了七年才完成，但瀏覽器和運(yùn)行時(shí)終于開(kāi)始支持箭頭函數(shù)，let、const，會(huì)帶來(lái)更多的樂(lè)趣。 ES6兼容性表正在變成一個(gè)光輝的綠色。

如果你需要支持舊的瀏覽器，全面切換到ES6也許會(huì)有一點(diǎn)早。對(duì)于舊的瀏覽器，一年多前發(fā)布的項(xiàng)目。您可以用ES6到ES5編譯器（如Babel），但是開(kāi)發(fā)非常復(fù)雜，需要引入額外的構(gòu)建步驟。

ES7/2016是更多的革命。一個(gè)令人興奮的新功能是async，它允許異步代碼以同步方式寫(xiě)入，而沒(méi)有回調(diào)或Promises（繼續(xù)困惑我）的語(yǔ)法復(fù)雜性。

漸進(jìn)式Web應(yīng)用程序

我最喜歡的基于JavaScript的2016年技術(shù)授予Progressive Web Apps。 PWA是在谷歌的2015年Chrome開(kāi)發(fā)者峰會(huì)上宣布，但穩(wěn)定的技術(shù)和工具終于在7月到達(dá)Chrome 52。 PWA允許離線優(yōu)先功能，并取代片狀A(yù)ppCache方法。 Web應(yīng)用程序終于可以和native應(yīng)用程序競(jìng)爭(zhēng)，并提供以下優(yōu)勢(shì)：

主屏幕圖標(biāo)

快速啟動(dòng)和自定義閃屏

快速執(zhí)行

離線功能，無(wú)需互聯(lián)網(wǎng)連接

網(wǎng)址，鏈接和書(shū)簽

全屏或主題界面

沙盒執(zhí)行

本地或基于云的存儲(chǔ)

更少的設(shè)備空間和處理資源

更好的安全性（HTTPS是先決條件）

從任何搜索引擎輕松發(fā)現(xiàn)

請(qǐng)?jiān)诎惭b前嘗試

更簡(jiǎn)單的部署：它只是一個(gè)Web應(yīng)用程序

沒(méi)有AppStore廢話：你的應(yīng)用程序可以包含任何裸體畫(huà)并且你絕對(duì)會(huì)渴望沒(méi)有人能拿走你30％的利潤(rùn)！

最重要的是：任何網(wǎng)站或者應(yīng)用程序可以在幾小時(shí)內(nèi)轉(zhuǎn)換為PWA。步驟：

在服務(wù)器上啟用HTTPS。

創(chuàng)建一個(gè)應(yīng)用程序清單 - 應(yīng)用程序根目錄中的JSON文件，用于定義名稱，顏色，圖標(biāo)和顯示選項(xiàng)。

創(chuàng)建一個(gè)Service Worker - 根目錄中的JavaScript文件用于攔截網(wǎng)絡(luò)調(diào)用,并且可以根據(jù)需要返回緩存或?qū)崟r(shí)數(shù)據(jù)。

初期例子很少，但是PWA提供了一個(gè)不錯(cuò)的機(jī)會(huì)“動(dòng)員”您的Web應(yīng)用程序。固然也不能保證蘋(píng)果將實(shí)施這項(xiàng)技術(shù)，但這并不重要，你的應(yīng)用程序仍然可以在Safari中工作，它只是不會(huì)從離線執(zhí)行中受益。我有一種感覺(jué)一旦Android上web體驗(yàn)有明顯提升,蘋(píng)果將鼓勵(lì)支持PWA。

有關(guān)詳細(xì)信息，請(qǐng)參閱 Dev.Opera’s Progressive Web Apps: The definitive collection of resources和Google的PWA指南。

框架固定

很難做出一個(gè)公正的判斷，但是React似乎在今年受到最多的關(guān)注。你也許不同意;因?yàn)檫@取決于你使用的是什么，你曾經(jīng)瀏覽過(guò)的地方和你說(shuō)過(guò)的話！

Vue.js已經(jīng)普及，2.0版本于9月發(fā)布。

AngularJS可能已經(jīng)失去了它在2015年獲得的一些勢(shì)頭，但這可能會(huì)隨著9月發(fā)布Angular 2而改變。新版本是一個(gè)完全重寫(xiě);它不是向后兼容v1.0。

新的框架和庫(kù)是令人興奮的，但是十年前的jQuery仍然強(qiáng)大。版本3.0于6月9日發(fā)布，v3.1隨后于7月7日出現(xiàn)。該庫(kù)現(xiàn)在以嚴(yán)格模式運(yùn)行，支持Promise，并應(yīng)用了各種修復(fù)。（查看完整修改列表的升級(jí)指南。）

在使用JavaScript的96.4％的網(wǎng)站上用了jQuery。與之相比，Angular是最常用的現(xiàn)代框架 - 占0.5％。 jQuery 1.x是最流行的版本，占93.5％的安裝。版本2.x占6.0％、版本3.x占0.5％。

我一直批評(píng)開(kāi)發(fā)人員上來(lái)就直接使用jQuery。當(dāng)有一個(gè)更合適的選項(xiàng)或一個(gè)小的JavaScript就足夠了的時(shí)候，它可以被過(guò)度使用。然而，它提供了更淺的學(xué)習(xí)曲線，比大多數(shù)框架更靈活。其他框架或庫(kù)要取代它需要很多年的時(shí)間。

API濫用

比如電池狀態(tài)API。當(dāng)我在2013年寫(xiě)的時(shí)候，它似乎很有用;當(dāng)你的應(yīng)用程序檢測(cè)到用戶的手機(jī)即將關(guān)機(jī)的時(shí)候，到底怎樣才能更好的最小化網(wǎng)絡(luò)請(qǐng)求和處理?

不幸的是，Mozilla預(yù)估大約有6％的網(wǎng)站用了這個(gè)API??，但大多數(shù)是廣告客戶用來(lái)檢測(cè)電池狀態(tài)，并跟蹤用戶瀏覽了哪些網(wǎng)站的域名。當(dāng)服務(wù)商知道一個(gè)用戶手機(jī)快關(guān)機(jī)絕望的時(shí)候，以此來(lái)提高某些服務(wù)的價(jià)格，

雖然這不是JavaScript或API的問(wèn)題，出于隱私方面的原因，Mozilla采取了空前的手段把電池狀態(tài)API從Firefox 53中刪除。這不太可能出現(xiàn)在iOS設(shè)備中,其他具有類似原因的API也包括傳感器和藍(lán)牙。這是一個(gè)不太光彩的事情：這些API都有實(shí)際的好處，我希望隱私問(wèn)題可以在未來(lái)的版本得到解決。

Node新版本

每年兩次的Node.js發(fā)布進(jìn)度，給了我們帶來(lái)了4月的6.0版本和10月的7.0版本。

目前該平臺(tái)呈上升趨勢(shì)，盡管W3Techs報(bào)告Node.js服務(wù)器使用率僅為0.2％，而PHP為82.3％。這些數(shù)字可能有點(diǎn)誤導(dǎo)，因?yàn)镹ode.js即使安裝了，也不一定能識(shí)別。

沒(méi)有任何服務(wù)端運(yùn)行時(shí)可能捕獲PHP：因?yàn)閜hp已經(jīng)開(kāi)始很久了，并且依然是主機(jī)提供最靠譜的選擇。然而，Node.js正在書(shū)寫(xiě)自己的路徑，并被所有語(yǔ)言信仰的開(kāi)發(fā)者廣泛使用。

Yarn

我非常喜歡npm，并且認(rèn)為它是Node.js工具火爆的主要原因之一。在npm上我從來(lái)沒(méi)有遇到過(guò)太多的問(wèn)題，但我不是在Facebook這樣大的項(xiàng)目上工作。

Facebook的工程師在10月份發(fā)布了Yarn。它是一個(gè)新的Node.js包管理器，旨在比npm更快更穩(wěn)定。它依賴于npm注冊(cè)表，因此可以和npm保持完全兼容。

Tim Severien的Yarn vs npm：你需要知道的一切。我同意他的結(jié)論：

雖然Yarn不是一個(gè)復(fù)制品，但它改善了npm幾個(gè)缺陷的地方。如果npm從Yarn身上學(xué)習(xí)，并要求Facebook、谷歌和其他Yarn貢獻(xiàn)者一起來(lái)改進(jìn)npm，這樣是不是很爽呢？

厭倦疲勞

2016年的有篇文章叫I-can"t-take-this-any-more入選了Jose Aguinaga的2016年學(xué)習(xí)JavaScript的感覺(jué)。亞軍：dayssincelastjavascriptframework.com。

這些可能是種幽默的方式以表明當(dāng)前JavaScript的狀態(tài)，但有一點(diǎn)要說(shuō)明的就是，就是現(xiàn)在要跟上最新的趨勢(shì)，框架和建議變得越來(lái)越難。當(dāng)面對(duì)大量的技術(shù)方案評(píng)估時(shí)，開(kāi)發(fā)人員互相爭(zhēng)執(zhí)。

我的建議：不要試圖跟上。因?yàn)檫@根本做不到。你今天重點(diǎn)關(guān)注的任何系統(tǒng),明天都將被更好的東西取代。為您的項(xiàng)目選擇一個(gè)好的方案，并堅(jiān)持使用它，除非它讓工作變得很糟糕。

有一個(gè)是可以確定的就是JavaScript本身。首先學(xué)習(xí)語(yǔ)言，并繼續(xù)擴(kuò)展你的知識(shí)。您的經(jīng)驗(yàn)將幫助您了解每個(gè)框架的運(yùn)作方式，以便您做出明智的選擇。這種選擇可能是完全放棄框架。

新年快樂(lè)！