美味值：🌟🌟🌟🌟🌟
口味：青提好椰拿铁
本期摘要
- pnpm v7.10.0
- 8 月登陆网络平台的新内容
- 重新思考流行的 Node.js 模式和工具
- 打包 JavaScript 库的现代化指南
- Chrome DevTools 中的现代 Web 调试
- 当 React Query 遇见 React Router
大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。
技术资讯
1.pnpm v7.10.0
Time-based 依赖解析模式
- 直接依赖将安装其最低版本，比如 foo@^1.1.0，将会安装 1.1.0。
- 间接依赖只会安装被选中的直接依赖在其发布时间点之前的版本。
据作者说，这种模式是为了减少供应链攻击导致项目“噶”的风险，因为它能保证间接依赖不会比直接依赖更加新。这样如果间接依赖被攻击，也不会安装被攻击的版本。不过这种解析模式需要拿到 npm 的完整元数据，所以速度会很慢。解法是自建 Verdaccio，并将 registry-supports-time-field 设置为 true。
能减少供应链攻击的风险是好事，但是感觉这种模式本身存在很多问题，比如不遵守 semver 语义，虽然社区里很多项目都没有好好遵守 :)、或者当旧的间接依赖修复了某个 bug，但是有 bug 的版本还是会被安装。
啊，我要这铁棒(功能)有何用？
2.8 月登陆网络平台的新内容
Firefox 104、Chrome 104、Chrome 105 发布稳定版本。
- Chrome 104 新增 CSS transform 属性单独定义；
- Chrome 104 新增 媒体查询的新语法，支持比较运算符，更加符合人体工程学；
- Chrome 105 新增 容器查询和 :has()，响应式的最佳拍档；
- Chrome 105 新增 Sanitizer API，防止 XSS 攻击的灭菌武器；
- Chrome 105 新增 :modal 伪类；
- Firefox 104 支持 The findLast() 和 findLastIndex() 。
下面我们来看技术资料。
技术资料
1.重新思考流行的 Node.js 模式和工具
你习以为常的工具不一定是最佳选择。
Node.js 最佳实践、JavaScript 和 Node.js 测试最佳实践 的作者 Yoni Goldberg 对 Node.js 中的流行工具发出了灵魂拷问，并给出了他的思考：
- Node-convict 比 Dotenv 更好；
- 从 Controller 调用 Service 时，要尽量抽象 Service 的内容(多用心封装封装)，尽可能屏蔽掉技术细节和复杂性，让看你代码的同学赏心悦目一些；
- Nest.js 中万物皆可依赖注入，但简单点也许世界会更美好；
- 不一定要用 Passport.js；
- SuperTest 的三合一语法有时候并没有那么好用；
- Fastify 装饰器错误姿势
- catch 子句的正确姿势；
- 避免重复使用日志工具 Morgan；
- 减少使用 process.env.NODE_ENV 当作判断条件。
2.打包 JavaScript 库的现代化指南
这个仓库记录了一些通用的现代化 JavaScript 打包指南，该指南不局限于某一个特定的打包工具，而且包含很多扩展资料，适合入门学习。
3.Chrome DevTools 中的现代 Web 调试
Chrome DevTools 团队与 Angular 团队合作，对 Chrome DevTools 中的调试体验进行了改进。
真正做到给开发者看他们最想看的东西，调试体验终于要起飞了？
4.当 React Query 遇见 React Router
React Router 6.4 即将正式发布，React Router 也加入了远程状态管理的数据获取游戏。本文将带你了解 React Router 和现有的远程状态管理库(如：React Query)之间的竞争和关联，作者认为他们是天造地设的一对。
隔壁家 Vue Router 的数据获取相关提案 Vue Router Data Loaders
其他信息
好文推荐
下面来看一下好文推荐，本周推荐的好文是：
好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。
你的前端食堂，吃好每一顿饭，我们下期见。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。