2017 前端技術發展回顧

• 原文地址：Recap of Front-end Development in 2017
• 原文做者：FrontendMasters
• 譯文出自：掘金翻譯計劃
• 本文永久連接：github.com/xitu/front-…
• 譯者：bambooom
• 校對者：realYukiko

---

更多精彩內容請關注：前端開發者指南 2018

---

• HTML 5.2 發佈。
• 毫無疑問，這是 Vue.js 在流行中飛速發展的一年。
• 前端 HTML & CSS 開發者和前端應用程序開發者之間的巨大區別終於被認知，並從新定義。
• 做爲使用 web 技術構建應用程序的前端 JavaScript 開發者變得愈來愈好，也愈來愈糟。
• 今年彷佛比往年更多的涌現出一批試圖與主流 JavaScript 應用工具（React，Angular，Vue 等）相抗衡的應用程序/框架解決方案。我來列舉一部分，Moon，Marko，Hyperapp，Quasar Framework，POI，frint，BunnyJS，jsblocks，Sapper，Stimulus，Choo...
• jsbin 和 jsfiddle 進化成了 StackBliz 和 codeSandbox 的樣子，它們讓分享一個應用程序變得如此簡單。
• React 繼續被 preact，inferno，nerv，dva 和 rax 之類的所追捧。
• devhints.io 很好地將 cheatsheets 組織了起來。
• 咱們發現應用程序的樣板或者命令行工具是帶有偏見的，例如 React Create App，必要的時候咱們要從中逃離。
• 大多數開發人員發現，一個好的代碼編輯器，eslint 以及 prettier 的組合使寫代碼這件事更快，更輕鬆愉快。
• CSS Flexbox 和 Grid 得到瀏覽器支持，所以愈來愈多開發者開始關注這二者。
• 咱們終於有無頭的 Chrome 了。
• 你再也不須要用 Less 或者 Sass 來使用 CSS 來完成使人驚歎的事情了。
• CSS 革命正在進行中。
• JavaScript 對象瀏覽工具已經到來，JavaScript Array Explorer 和 JavaScript Object Explorer，它們對於學習 JavaScript 數據相似（例如對象）是很是方便有用的。
• Chrome 瀏覽器在市場上佔據主導地位，人們開始擔憂歷史可能會重演。
• Brave 成爲瀏覽互聯網最愉快且安全的方式。
• PhantomJS 再也不維護，Headless Chrome 和 Puppeteer 進入。
• Prettier 從一個意想不到的地方開始，卻成爲了一個主角。
• 不少開發者開始採用靜態檢查，主要是出於主觀緣由和趕時髦。有些人徹底聽從了 Typescript 和微軟的作事方式，也有些人採起的較慢的 Flow。有一點能夠確定，大多數開發者不須要類型，他們只是把已經複雜的問題和解決方法更加複雜化。像大多數事情同樣，這種趨勢大部分是主觀教條而非客觀價值。
• 靜態網站生成器和 API CMS 工具也就是無頭 CMS 如今在大多數開發者的雷達上。
• Web 組件仍然潛伏着，等待着開發人員的大力推進，這可能永遠不會發生。
• JavaScript 安定了，CSS 爆發了，明年的這個時候全部人都會疲憊不堪。
• 許多人在使用組件樹構建應用程序的時候，開始將 CSS 轉移到 JS 中的 CSS 裏。
• Yarn 彷佛知足了需求，由於不少人從 npm 換成 Yarn。然而，Yarn 最大的價值在於它爲 npm 帶來競爭，從而使得 npm 變得更好。
• Scrimba 將用於交互式的編碼屏幕錄像（錄製現場的編輯器是可編輯的）的新的視頻格式成爲現實。
• 大多數人開始意識到組件架構和原子化設計之間的關聯。
• ES 模塊將成爲瀏覽器的一部分，而且若是使用 ES 模塊，備用計劃將是必需的（即來自 webpack 之類的打包文件）。
• MVC 框架正在淡出。
• 使用Bluekit，Storybook，React Styleguidist 和 bit 之類的工具，在你的應用程序以外開發和展現 React 組件開始變得流行。
• 在 2017 年得到前端工做有關經驗，這是從我的項目以及 Github 帳號上展現出來的。
• 從 HTML 文檔中預加載資源（CSS，JavaScript，多媒體文件等）到來了。
• Cypress 做爲一個完整的測試解決方案出現了，測試會愈來愈好，由於對於應用程序的代碼，端到端測試纔是重點。
• WebAssembly 如今能夠總全部主流瀏覽器中使用了。
• Webpack 占主導地位，而後競爭對手 parcel 出現了。
• React 16 代號 fiber 發佈。
• 在某些狀況下，React 開始與 jQuery 一較高下。
• React 的確成爲了最多人使用的構建 UI 的工具。
• Facebook 放棄了 React 的 BSD 許可證，而轉成了 MIT 許可證（一樣包括 Jest，Flow，Immutable.js 和 GraphQL）。
• 2017 年 GraphQL 開始流行起來。
• Facebook 繼續領頭負責開發即將到來的如 prepack.io 之類的工具。
• 正如期待，ECMA-262 第 8 版也就是 ES2017 發佈。
• React Router 終於穩定下來了。
• 全部的現代瀏覽器如今都支持 ECMAScript 2015（也就是 ES6）。
• Async JavaScript 函數 開始得到一些認真的關注及使用，主要是由於全部如今瀏覽器如今都支持 Async 函數了。
• 移動開發，仍然很難。今年，強烈地倡導 web 平臺做爲解決這一痛苦的方案得到了大量的支持。

---

掘金翻譯計劃 是一個翻譯優質互聯網技術文章的社區，文章來源爲 掘金 上的英文分享文章。內容覆蓋 Android、iOS、前端、後端、區塊鏈、產品、設計、人工智能等領域，想要查看更多優質譯文請持續關注 掘金翻譯計劃、官方微博、知乎專欄。