摘要：在該版本發布之后，開發團隊并不會繼續發布新的特性，而會著眼于進行重大的錯誤修復。發布每六個星期，團隊就會創建新的分支作為發布通道，本文即是對新近發布的版本進行簡要介紹。

前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發者了解一周前端熱點；分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。

國內國外，前端最新動態

TypeScript 2.7 發布: 本周，TypeScript 2.7 發布，本文則是對于該版本的特性進行總結描述：嚴格的類屬性檢測，Definite assignment assertions，更為方便的 ECMAScript 模塊操作性，Symbol 與常量名屬性，對于 --watch 模式的優化，以及對于數值、元組等數據類型的優化等。

style-components 3.1.0 發布: 該版本引入了新的 CSS 注入機制，極大地優化了生產環境下客戶端渲染的性能；同時還提供了流式服務端渲染的支持，保障了首字節返回的速度。styled-components v3.1.0 在生產環境下已經默認使用了 insertRule，一個可能不太為人所知的 API，卻能夠近十倍地提升初始化掛載效率，以及近二十倍地提升重渲染效率。

AngularJS 穩定版本與 LTS 規劃: 作為現代 Web 框架的先驅，AngularJS 已然是用于構建 Web 應用的穩定框架首選之一，并且為數百萬的開發者所使用。不過長江后浪推前浪，AngularJS 的占比與社區活躍度也在逐步下降，其開發團隊也計劃發布最后一個重大的更新：1.7 版本，然后于 2018 年 7 月 1 日進入 Long Term Support 階段。在該版本發布之后，開發團隊并不會繼續發布新的特性，而會著眼于進行重大的錯誤修復。

V8 6.5 發布: 每六個星期，V8 團隊就會創建新的分支作為發布通道，本文即是對新近發布的 6.5 版本進行簡要介紹。該版本引入了對于 WebAssembly 代碼的流編譯機制，新的 WebAssembly API 提供了與 fetch 協同使用的抓取 WASM 源代碼并且進行流式編譯的功能。此外，該版本還一如既往地著眼于性能優化，不斷拓寬 JavaScript 內建的優化路徑，并且引入了新的 “deoptimization loop.” 機制來避免一些意外情況。

步步為營，掌握基礎技能

Progressive Web Apps 介紹: Progressive Web Apps (PWA) 是移動 Web 應用開發中的新潮流之一，所謂的 PWA 即指那些使用了某些技術以保證用戶體驗與原生應用盡量一直的網頁。本文是對于 PWA 的入門介紹，主要討論了 Progressive Web Apps 的競品、Progressive Web Apps 的特性與優勢等內容。更多相關內容參考 Awesome PWA Reference。

基于 MobX State Tree 的狀態管理: MobX State Tree 是另一個前端狀態管理框架，其雖然內部使用了 MobX，卻提供了截然不同的設計模式與編程接口。MobX State Tree 設定好了數據的結構與更新方式，而 MobX 僅僅提供了基礎的接口，MobX State Tree 還為我們提供了類型支持與模型創建接口。本文作者首先討論了 MobX State Tree 的設計理念，然后比較了分別以 MobX 與 MobX State Tree 實現相同功能的差異。更多相關資料參考 Awesome MobX Reference。

基于 Nuxt.js 的服務端渲染的 Vue 應用: 對于很多初學者而言，服務端渲染可能并不是一件容易的事情，特別是在混雜了數據抓取、路由與權限控制等需求時。本文即深入淺出地介紹了如何利用 Nuxt.js 來構建完整的 Vue.js 服務端渲染應用，作者依次介紹了為什么需要服務端渲染、服務端渲染與 SEO、從零構建 Nuxt.js 項目、自定義布局、Webpack 與靜態資源處理、隱式路由與代碼分割、嵌套路由、中間件等內容。更多相關內容參考 Awesome Vue Reference。

立足實踐，提示實際水平

現代 Node.js 開發中的 JavaScript 代碼風格: 性能問題一直是 JavaScript 中引人關注的部分，隨著 JavaScript 引擎與運行時的不斷優化，我們也需要不斷變革自身對于 JavaScript 優化方式的考量。本文作者拋出了自己的觀點：隨著 Node.js 能同時跑在 ChakraCore 引擎與 V8 引擎上，并且 V8 引擎也引入了新的 Turbofan 優化編譯器，JavaScript 開發者應該更多地關注于寫出慣用的、可讀性高的、易于維護的代碼，而不應該在花費過多的精力去編寫編譯器友好的代碼。更多相關內容參考 Awesome Node.js Reference。

來自 Google Cloud Platform 的十二個賬戶管理與權限控制的最佳實踐: 隨著應用用戶數與復雜度的增加，安全問題也變得日漸重要，而其中的賬戶管理、權限控制與密碼管理無疑是安全的重要組成基石。這些方面卻往往容易被開發者忽視或者未能采取正確的措施，而 Google Cloud Platform(GCP) 一直致力于為用戶提供賬戶的創建、安全加固、管理等多中操作工具，本文即是其多年實踐總結而來的最佳實踐分享，以其幫助開發者打造安全、可擴展、高可用的用戶權限認證系統。更多相關資料參考 Awesome WebSecurity Reference。

理解 CSS 布局中的盒尺寸: Flexbox 與 CSS Grid 的核心特性之一，就是能將內部的剩余可用空間分割給內部元素；作者在本文中分享了一些對于 CSS 布局中尺寸單位與計算的考慮。作者首先會給出一些規范的解讀，然后深入講解 Flexbox 與 CSS Grid 中的尺寸計算規則。更多相關內容參考 Awesome CSS Reference。

深度思考，升華開發智慧

架構師之路: 未來的職業規劃幾乎是每位開發者會考慮的事情，在職業生涯上我們也會有很多的選擇，本系列則是討論如何成為一位架構師。本系列包含了如下的文章：如何成為架構師，架構師的利害相關，架構師的類型，架構師的特性等，更多相關內容可以參考 Awesome SoftwareArchitecture Reference

Web 前端中的增強現實（AR）開發技術: 增強現實（以下簡稱 AR）浪潮正滾滾而來，Web 瀏覽器作為人們最唾手可得的人機交互終端，正在大力發展 AR 技術。很多 Web 前端工程師也在尋求職業轉型，于是本文作者 GeekPlux 把近半年的相關調研結果在此匯結成文。本文力求把目前前端方向的 AR 技術都羅列一遍，細節不贅述，只做概括和科普，主要關注實現方式與關鍵技術。更多相關內容參考 Awesome AR Reference。

如何避免攻擊者從網站中竊取信用卡賬戶與密碼: 本文作者曾撰文介紹自己是如何通過上傳分發惡意代碼來搜集用戶的敏感信息。本文中，作者則從加固的角度給出了保護用戶敏感信息的多個建議：并不需要刻意的避免第三方代碼，可以將敏感信息放在獨立的 HTML 文件中，并且將該文件通過 iframe 中加載，同時以靜態文件服務器的方式從不同的域名中訪問該文件。更多相關資料參考 Awesome WebSecurity Reference。

React 中 Clean Code 的實踐: 來自 Bara 的開發者在遵循 Clean Code 的前提下重構了他們的代碼庫，以提升代碼的可讀性與可維護性。本文即是作者對于此次重構過程的心得分享，其在末尾亦給出了一些個人的思考：分解組件與函數，保證每個組件或者函數的單層抽象；使用更易于理解的命名等。更多 React 相關資料參考 Awesome React Reference。

樂于分享，共推前端發展

Kap: Kap 是使用 Web 技術構建的開源屏幕錄制工具，目前僅有 macOS 版本。

Polka: Polka 是輕量級、高性能的 Express.js 替代框架；盡管 Express.js 的性能已然不錯，Polka 仍然青出于藍而勝于藍，在很多的細節上做到了優化。一言以蔽之，Polka 是內置了路由、中間件以及子應用的原生 HTTP 服務器。

Callbag: Callbag 是用于保證輕量級的 Observables 與 Iterables 的 JS 回調標準，callbags-basic 則是對于 Callbag 標準的具體實現，我們可以閱讀 André Staltz 編寫的這篇文章來了解更多信息。

Unstated: Unstated 是另一個狀態管理框架，其并未引入新的模式，而是基于 React 組件與 Context 的內置設計構建。Unstated 包含了三個部分，Container 是類似于 React.Component 的簡單類，但是會包含一些狀態相關的操作；Subscribe，允許傳入 Container 實例，并且將其傳遞到子組件中，Provider 則是作為根節點來存儲所有的實例。

2017 年，Mozilla 為 Web 做了哪些事情？: 2017 對于 Mozilla 來說是非常重要的一年。我們發布了歷史上最快的 Firefox，重新構建了 DevTools 開發者工具，見證了四個主流瀏覽器對 WebAssembly 的支持，啟動了開源的虛擬現實和語音識別平臺。我們的開發者關系團隊也參與了全球 60 多場路演，見證了 MDN Web Docs 網站讀者數量幾乎增加了一倍。本文即是對 Mozilla 2017 工作的總結與盤點。

「前端之巔」是 InfoQ 旗下關注前端技術的垂直社群，加入前端之巔學習群請關注「前端之巔」公眾號后回復 “ 加群 ”。投稿請發郵件到 editors@cn.infoq.com，注明 “ 前端之巔投稿 ”。