技術週刊（2018-12-24 移動無限加載）

前端快爆

• Electron 4.0.0 發佈，再也不支持 macOS 10.9 及如下版本。內核更新至 Chromium 6九、Node.js 10.11.0、V8 6.9.427.24。🔗

點評：嗯，Electron 說， Chrome 大哥要拋棄 macOS 10.9，咱們不能給大哥丟臉。

• V8 引擎 7.2 Beta 版發佈，大幅提高了 JavaScript 解析速度，同時還帶來了更快的 async/await 實現，以及對 public class fields 的支持。🔗

點評：大家 V8 每次都搞個大新聞，考慮一下Edge 的感覺了嗎？它們還在默默修復空 div 致使的硬件加速 Bug。

• Firefox 66 去除了 CSS 寬度單位中的 min-content 和 max-content 值的 -moz- 前綴，此前 Chrome 46 已經支持。🔗

點評：去掉，去掉，統統去掉。

• Safari Technology Preview 72 發佈，支持了大量的 CSS Painting API 特性、實現了 CTAP HID 身份驗證器等 。🔗

點評：🎄聖誕節可能都放假了吧，也只有中國的程序員還在寫 Bug，心塞。

• React v16.7 正式版發佈，該版本主要修復 React.lazy 大量懶加載組件產生的性能問題、unmount 時清空字段以免內存泄漏等。🔗

點評：你想要的 Hooks 尚未發佈， React 團隊說本身不應吹牛，可能還要等上好幾個月，哈哈哈。

優秀 Demo

• 聖誕老人圖標動畫

• 風中飄動的火苗

專題：移動無限加載

無線端列表爲了更好的用戶體驗，每每採用滾動加載的方式。這在設計上實際上是分頁加載的一種，可是具備自動加載，節省操做和時間的特色。可是這也爲前端帶來了性能挑戰：一但頁面加載了過多的數據就會形成滾動卡頓、操做緩慢，爲了用戶體驗卻帶來了負面效果。

如何作到能夠無限滾動加載而儘量減小頁面卡頓，這裏麪包含了一系列的知識點：

滾動事件

1. 移動 Web 的滾動
2. 高性能滾動及頁面渲染優化
3. 移動端滾動事件大起底

懶加載

1. Lazyload 三種實現方式
2. 懶加載和預加載

無限滾動

1. React 之無限滾動
2. Vue.js 一個超長列表無限滾動加載的解決方案
3. 設計高性能無限滾動加載，瞭解高效頁面祕密
4. 設計模式之享元模式

---

本期編輯： @一絲；審閱： @humphry huang；專題供稿：@彬宇。

首發地址：zhuanlan.zhihu.com/mm-fe