前端技术周刊 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 接口还没有实现

---

编辑：承虎 & 审阅：一丝