前端食堂技术周刊第51期：pnpmv7.10.0，8月上线平台新内容，重新思考流行的Node.铁食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly本期小结pnpmv7.10.08新内容登陆网络平台重新思考流行的Node.js模式和工具打包JavaScript库的现代指南ChromeDevToolsReactQuery中的现代Web调试遇见ReactRouter大家好，我是佟欧巴。欢迎收看本期前端食堂技术周刊，一起来看看上周的技术资讯吧。技术资料1.pnpmv7.10.0基于时间的依赖解析方式直接依赖会安装它的最低版本，比如foo@^1.1.0，会安装1.1.0。间接依赖项只会在发布时间之前安装所选直接依赖项的版本。根据作者的说法，这种模式是为了降低导致“业力”项目的供应链攻击的风险，因为它保证了间接依赖关系不会比直接依赖关系更近。这样，如果间接依赖被攻击，被攻击的版本将不会被安装。但是这种解析方式需要获取npm完整的元数据，所以速度会很慢。解决方案是构建Verdaccio并将registry-supports-time-field设置为true。减少供应链攻击的风险是好事，但我觉得这个模型本身有很多问题，比如不符合semver语义，虽然社区很多项目不符合:)，或者当一个老的indirect依赖项修复了一个错误，但仍然会安装有错误的版本。啊，我要这根铁棒（功能）有什么用？2、新内容8月登陆网络平台的Firefox104、Chrome104、Chrome105发布稳定版。Chrome104增加了CSStransform属性的单独定义；Chrome104新增媒体查询语法，支持比较运算符，更符合人体工学；Chrome105新增容器查询和响应式最佳搭档:has()；Chrome105新增SanitizerAPI，防止XSS攻击的杀毒利器；Chrome105增加：模态伪类；Firefox104支持findLast()和findLastIndex()。让我们看看下面的技术信息。技术资料1.重新思考流行的Node.js模式和工具你习以为常的工具不一定是最好的选择。Node.jsBestPractices、JavaScript和Node.jsTestingBestPractices的作者YoniGoldberg对Node.js中流行的工具进行了自我反省并给出了他的想法：Node-convict比Dotenv更好；从Controller调用Service的时候，尽量抽象Service的内容（更用心的封装和封装），尽可能的屏蔽技术细节和复杂度，让看你代码的同学更赏心悦目；Nest.js中的一切都可以依赖注入，但保持简单也许世界会更美好；没有必要使用Passport.js；SuperTest的三合一语法有时并不那么好用；Fastify装饰器的错误姿势是catch子句的正确姿势；避免重复使用记录工具Morgan；减少进程使用.env.NODE_ENV作为判断条件。2.打包JavaScript库的现代化指南本仓库记录了一些通用的现代化JavaScript打包指南，不局限于特定的打包工具，还包含大量扩展资料，适合入门。3.ChromeDevTools中的现代Web调试ChromeDevTools团队与Angular团队合作改进了ChromeDevTools中的调试体验。真正给开发者展示他们最想看到的东西，调试体验终于要起飞了？4、当ReactQuery遇上ReactRouterReactRouter6.4即将正式发布，ReactRouter也加入了远程状态管理的数据获取游戏。本文将带你了解ReactRouter与现有的远程状态管理库（如：ReactQuery）的竞争关系，笔者认为他们是天作之合。隔壁VueRouter的数据获取相关提案VueRouterDataLoaders其他资料Next.jsConfVitev3.1.0-beta.2Heroiconsv2.0Vitestv0.23.0AntDesignv4.23.0WebKitonGitHub周老师推荐的好文章有：1.宇博的产品思维：技术人如何做产品二、深入理解useMemo和useCallback好了，以上就是本期食堂周刊的内容了。对食堂老板的最大支持。你的前端食堂，吃好每顿饭，下次见。
