前端技术周刊 2019-04-16

1,074 阅读2分钟

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 接口还没有实现


编辑:承虎 & 审阅:一丝