前端技術週刊 2019-04-16

2019-04-16

前端快爆

• Chrome 意欲實現原生自動 lazyload 功能，並支持 img 和 iframe 的 loading="lazy" 配置，該特性預計在 Chrome 75 中支持。🔗

點評：原生 lazyload 比起前端本身實現的 lazyload，更多會考慮到網速和手速的因素，會嘗試去獲取圖片前 2k 以獲取高寬進行佈局佔位，詳見 這篇文章。

• Chrome 意欲支持 Content-Security-Policy 返回頭中的 report-to 指令，此指令相對 CSP 中前身指令 report-uri 額外支持了合併多個違規上報請求，保證消耗更少的流量和電量。此前 Edge 已經支持。🔗
• 介於多個網站利用傳感器接口輔助生成訪客指紋，Chrome Canary 將在站點調用傳感器接口時彈出警告。此前 iOS 12.2 上的 Safari 默認禁止了這類行爲。🔗
• Node.js 做者 Ryan Dahl 在 JS Fest 大會裏介紹了 deno 的近況。deno 旨在解決 Node.js 中不安全、很差的 module 實現和歷史包袱，但願爲 JavaScript / TypeScript 提供一個更受控的腳本運行時環境，適用於諸如 Map Reduce 和 Serveless 形態的場景。目前 deno 啓動時間比 Node.js 快 3 倍，但 I/O 時間還不太理想。deno 將在今年夏天發佈 1.0 版本，屆時將支持代碼並行加載、TLS/SSL、遠程模塊的 lockfile 和調試功能。🔗

點評：I deno about all this

百寶箱

• MDX 是支持使用 JSX 和 markdown 混合編寫文檔的格式。
• react-three-fiber 是一個 Three.js 在 React 上渲染的工具，能夠用 React 組件語法完成 WebGL 渲染。
• Formal 是一個 React Hooks 版本的 rc-form，集成了 React 表單組件通用的的非受控值緩存、值校驗等功能。
• React Redux 7.0.0 正式版完成發佈，使用 React Hooks 重寫了 connect 方法，並讓 Component 直接監聽 store 變化以修正 React Redux 6.x 引入的性能問題，同時，新版本支持了 batch 接口以合併多個不一樣的 dispatch。🔗

點評：useRedux 接口尚未實現

---

編輯：承虎 & 審閱：一絲