ELSE 技術週刊(2017.12.11期)

業界動態

Angular 5.1 & More Now Available

Angular釋出5.1版本，同時釋出了Angular CLI 1.6版本以及首個穩定版本的Angular Material。CLI支援了Service Worker，以及帶來對AppShell更好的支援

Ant Design 3.0 駕到

Ant Design 是一個致力於提升「使用者」和「設計者」使用體驗，提高「研發者」開發效率的企業中後臺設計體系。

前端開發

A Pinterest Progressive Web App Performance Case Study

Pinterest 新的移動站點做成一個 PWA。這篇文章分享了通過減少 JavaScript 打包大小，以及運用 Service Worker 等方式，提升效能，在移動裝置上獲取更好的體驗。

JavaScript 效能優化的小知識總結

文章總結 JavaScript 效能優化的 code 寫法，包含變數的宣告、定時器的使用、DOM 操作、迴圈優化等方面優化的程式碼寫法。如果重構一個專案程式碼，這些程式碼的優化是不可忽視的，而是是個持續的過程。

React Performance Fixes on Airbnb Listing Pages

Airbnb在Listing Page對React效能調優實踐，檔案詳細列舉了幾個修復例子，如在客戶端渲染前，服務端渲染多餘內容導致的效能問題;通過火焰圖提高元件渲染效率，以及避免不必要的元件渲染等

如何從效能方面選擇for，map和forEach？

這是非常好的問題，在程式設計中我們經常使用迴圈，可是迴圈的方式卻有很多種，我們應該基於什麼樣的理由去選擇適合的呢？本問題上的一問一答可以給我們一些思路。

看過這篇文章以後不要再提this

本文講解了 this 在各個場景下表示什麼值，講解了 call、apply、bind、箭頭函式對 this 的影響

JavaScript 的機器學習指南

聽說你用 JavaScript 寫程式碼？本文是你的機器學習指南，來自德國的 Robin Wieruch 釋出的一系列使用 JavaScript 構建機器學習的教程。

PWA之Workbox快取策略分析

本文主要分析通過workbox(基於1.x和2.x版本，未來3.x版本會有新的結構)生成Service-Worker的快取策略，workbox是GoogleChrome團隊對原來sw-precache和sw-toolbox的封裝，並且提供了Webpack和Gulp外掛方便開發者快速生成sw.js檔案。

React Fiber初探

React 16版本版本中處了包含Portal，異常邊界等新特性外，最重要的是重寫了調和演算法–Fiber，推出了新的調和器–Fiber Reconciler，來負責管理元件例項的更新，渲染任務及與其他fiber例項的聯絡。本文博主通過自己的學習簡單的講述了對Fiber架構實現和原始碼，可以幫助我們很好的理解它。

[[譯]JavaScript 的時間消耗](https://github.com/dwqs/blog/…

譯文中圖文並茂的闡述了執行 JavaScript 程式碼的時間消耗地方，瞭解到消耗的地方，才能更好的優化專案，提高頁面互動響應的速度。

How to Organize React Files Before It’s Messed Up

隨著專案擴大，如何組織好專案中的React檔案，文章提供了一些方案以及最佳實踐

技術縱橫

The Best Request Is No Request, Revisited

當HTTP/2.0的支援越來越普及，”the best request is no request”是否還在今天適用?

API 是如何工作的

用一個詼諧的比喻深入淺出講解 API 是什麼。

實用推薦

Lint the Web Forward With Sonarwhal

Sonarwhal Microsoft Edge 團隊開發的一款開源網站檢查工具，包含線上站點和命令列工具。可以對可訪問性，操作性，安全性，效能以及 PWA 等方面進行檢查，看是否符合最佳實踐。

程式人生

如何用人類的方式進行Code Review（二)

關於如何在 Code review 中進行良好的溝通，避免陷入一些潛在的陷阱。這裡，我會著重於介紹一些技巧，讓你的 Code review 能夠順利完成，避免磕磕碰碰。那麼這裡用一句話概括一些：一個好的程式碼評審者，不僅需要找出程式碼中的 bug，還需要提供認真負責的反饋來讓團隊夥伴得到能力上的提升。