【第14期】前端食堂技术周刊 2021-11-26
读完需要3分钟，速读仅需1分钟
这是前端食堂的第 86 篇原创
美味值：🌟🌟🌟🌟🌟
口味：开口松子
食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]
PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。
技术资讯
1.TypeScript 4.5 发布[2]
Awaited 和 Promise 类型增强 支持 node_modules 来使用 lib 模板字符串作为判别式 --module 2022 条件类型的尾递归省略 ...
2.React 18 进入 Beta 阶段[3]
3.React Router 有竞品了，React Location[4]
4.Rust 的 Moderation Team 集体辞职，声称为了抗议 Core Team 不够负责任。[5]
技术资料
1.你有没有想过，“nodemon”在内部是如何工作的？让我们在 10 分钟内构建我们自己的“nodemon”！[6]
一道很好的 Node.js 面试题
2.使用 Rust 创建内存和类型安全的 Node.js 模块，Neon 入门文章。[7]
与 Go 和 Rust 等语言的框架相比，Node.js 并没有那么快，不过 Neon 允许你使用 Rust 编写 JavaScript，不仅具有 Rust 的类型、内存安全，而且可以通过 Cargo 访问 Rust 的生态系统。
3.相比 Puppeteer ，Playwright 应用更加广泛，这是一篇从 Puppeteer 迁移到 Playwright 的总结文章。[8]
4.GitHub 对 npm 生态系统安全做出了承诺[9]
前阵子 ua-parser-js、coa、rc 等 npm 包均被恶意攻击，原因均涉及 npm 账户 ATO 接管事件未启用双因素身份验证。GitHub 对 npm 生态系统安全做出了承诺。npm 团队也在一直进行安全改进，可以自动监控和分析新发布的软件包，并识别恶意代码。目前时间是 10 分钟。
5.IndexedDB 包装器，解决了原生 IndexedDB API 的主要问题，可以和前端主流框架集成[10]
原生 IndexedDB API 有一些问题：
不明确的错误处理 糟糕的查询 代码复杂度高
Dexie.js 提供了简洁的 API，拥有强大的错误处理、可扩展性等等能力。
6.为什么使用 Webpack 5 后，构建速度慢了 15 倍？原来罪魁祸首是 concat[11]
7.Rome 会取代 Webpack 吗？[12]
Rome 是一个前端工具链，旨在将许多常用的前端开发工具统一并汇集在一个工具下。旨在取代流行的工具、如 Babel、ESLint、Webpack 等，它是一个 linter、编译器、打包器，不仅适用于 JavaScript，还适用于 TypeScript、HTML、CSS 等。
8.对于想成为大型开源项目的维护者，Dan 发布了一系列观点[13]
好文推荐
公众号：前端食堂
知乎：童欧巴
掘金：童欧巴
这是一个终身学习的男人，他在坚持自己热爱的事情，欢迎你加入前端食堂，和这个男人一起开心的变胖～
“如果你觉得读了本文有收获的话可以点个在看让我看到。阅读过程中有任何问题、想法或者感触也欢迎你在下方留言，也可以在后台回复加群进入食堂的交流群。
沟通创造价值，分享带来快乐。也欢迎你分享给身边有需要的同学，利他就是最好的利己。
”
欢迎加入前端食堂免费知识星球：
每日更新中～提供免费服务给食堂的粉丝们，包括但不限于答疑解惑、大厂内推、经验分享、技术资讯。扫码直达：
多一个点在看
多一条小鱼干
参考资料
[1]食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]TypeScript 4.5 发布: https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/
[3]React 18 进入 Beta 阶段: https://twitter.com/reactjs/status/1460380211262930948
[4]React Router 有竞品了，React Location: https://react-location.tanstack.com/
[5]Rust 的 Moderation Team 集体辞职，声称为了抗议 Core Team 不够负责任。: https://github.com/rust-lang/team/pull/671/
[6]你有没有想过，“nodemon”在内部是如何工作的？让我们在 10 分钟内构建我们自己的“nodemon”！: https://www.pankajtanwar.in/blog/have-you-ever-thought-how-nodemon-works-internally-lets-build-our-own-nodemon-in-under-10-minutes
[7]使用 Rust 创建内存和类型安全的 Node.js 模块，Neon 入门文章。: https://levelup.gitconnected.com/create-memory-and-type-safe-node-js-modules-with-rust-2c10bba92013
[8]相比 Puppeteer ，Playwright 应用更加广泛，这是一篇从 Puppeteer 迁移到 Playwright 的总结文章。: https://www.checklyhq.com/guides/puppeteer-to-playwright/
[9]GitHub 对 npm 生态系统安全做出了承诺: https://github.blog/2021-11-15-githubs-commitment-to-npm-ecosystem-security/
[10]IndexedDB 包装器，解决了原生 IndexedDB API 的主要问题，可以和前端主流框架集成: https://github.com/dfahlander/Dexie.js
[11]为什么使用 Webpack 5 后，构建速度慢了 15 倍？原来罪魁祸首是 concat: https://engineering.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack
[12]Rome 会取代 Webpack 吗？: https://medium.com/weekly-webtips/will-rome-replace-webpack-a60e1a740222
[13]对于想成为大型开源项目的维护者，Dan 发布了一系列观点: https://twitter.com/dan_abramov/status/1463718359262973953?s=21