技术周刊 2020-09-14：NPM V7 即将进入 RC

• 随着 npm 发布 v7.0.0-beta.10，v7.0.0 将在下一个版本进入发布候选阶段。在 v7 这个大版本更新里：
  • peerDependencies 将自动被安装
    • 此前 npm 3 - npm 6 均在安装依赖时忽略 peerDependencies
    • 如果此行为导致流程阻塞，可以使用 --legacy-peer-deps 采用之前的忽略行为
  • 完全支持 node_modules 内的符号链接
    • 此前，npm 将有向有环的包依赖展开成树结构，导致冗余，也容易出现版本冲突
    • 此版本里，npm 将会把有向有环的包尽可能展平，并使用符号链接形成原有依赖
    • 使用了 @npmcli/arborist 包实现了符号链接和相关算法，性能更好、更可控、更少 bug
    • 使用了 npm link 替代之前 npm install --link
  • 环境变量修改
    • 追加 npm_package_resolved、npm_package_integrity、npm_command
    • 移除 npm_package_*、npm_config_*
    • PATH 环境变量将包含全部的 node_modules/.bin 目录
  • npx 使用 npm exec 进行重构，并内置在新版本中
  • 支持了 acceptDependencies 声明，允许手工声明覆盖一些包的依赖版本
  • 将支持 yarn.lock 文件，同时默认生成 package-lock.json，额外记录树结构信息

点评：还记得去年的8月份“即将发布”的 npm v7，一晃一年过去了

• Chrome 86 将实现 ::marker，用于定制 display: list-item 的装饰元素。

点评：可以用更优雅的方式在网页上……做 ppt 了

• 随着 AVIF 格式在 Chrome 85 的支持，最近涌现了一些相关的比对实验：
  • 对有丰富画面细节的照片，在可接受范围内，WebP 和 AVIF 对 JPEG 格式的体积比分别是 58% 和 23%；
  • 对于简单插画，进行无损压缩时，PNG、WebP 和 AVIF 对 SVG 的体积比分别是 130%、103% 和 337%；
  • 对于简单插画，进行有损压缩时，WebP 和 AVIF 对 SVG 的体积比分别是 69%、70%；
  • 对于复杂插画，进行有损压缩时，PNG、WebP 和 AVIF 对 SVG 的体积比分别是 275%、164% 和 43%；
  • 在同一个 DSSIM 指标（RGBA 结构相似性）下，WebP 和 AVIF 对 JPEG 格式的体积比中位数分别是 31.5% 和 50.3%；其中 2.7% 的 WebP 出现了负优化，压缩体积反而变大了；
  • WebP 和 AVIF 不支持渐进式图像解码，一些场景下使用渐进式解码的 JPEG 可以更快展现，尽管图片加载时间更长。

• Node.js 发布 14.10.0，crypto 模块支持了 randomInt 函数，生成的随机数会在一个特定的区间，而不存在取模偏差（modulo bias）。

• 立志要做更可控的 TypeScript 运行时 Deno 发布了 1.4 版本：
  • 支持了 WebSocket API
  • 工具链升级，支持自动刷新和测试覆盖率统计
  • 默认采用更严格的 TypeScript 校验，可以使用 --unstable 来放宽校验

• Tweakpane 是一个数值调整面板工具包，还支持预设选项：

编辑：承虎 & 审阅：池冰