前端食堂技术周刊第|前端食堂技术周刊第 51 期(pnpm v7.10.0、8 月登陆网络平台的新内容、重新思考流行的 Node.js 模式和工具)
美味值:
口味:青提好椰拿铁
- 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly
- 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。
- 间接依赖只会安装被选中的直接依赖在其发布时间点之前的版本。
能减少供应链攻击的风险是好事,但是感觉这种模式本身存在很多问题,比如不遵守 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 当作判断条件。
这个仓库记录了一些通用的现代化 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
其他信息
- Next.js Conf
- Vite v3.1.0-beta.2
- Heroicons v2.0
- Vitest v0.23.0
- Ant Design v4.23.0
- WebKit on GitHub
1.玉伯的产品思考:技术人如何做产品
2.深入理解 useMemo 和 useCallback
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
【前端食堂技术周刊第|前端食堂技术周刊第 51 期(pnpm v7.10.0、8 月登陆网络平台的新内容、重新思考流行的 Node.js 模式和工具)】你的前端食堂,吃好每一顿饭,我们下期见。
推荐阅读
- 趣味人生|猿创征文|独特且教训的技术成长之路
- JAVA自动化测试|3. 1 WEB自动化 --- WEB前端知识简介
- 前端|尚医通-前端快速入门
- 前端学习|前端学习-Antd 组件库基础
- 手机登录-前端代码
- 前端|View UI Plus 发布 1.3.0 版本,新增 Space、$ImagePreview 组件
- 聚焦大公司动态|蚂蚁集团,打出技术牌
- 如何高效解决|如何高效解决 C++内存问题,Apache Doris 实践之路|技术解析
- 音视频开发|技术分享(微信小程序音视频与WebRTC互通的技术思路和实践)
- 音视频开发|腾讯技术分享(微信小程序音视频与WebRTC互通的技术思路和实践)