前端食堂技术周刊第 32 期：2022 年 3 月 TC39 会议、Rome Formatter、Node 内置 Test Runner
2026-10-27 23:36:23
本期前端食堂技术周刊聚焦2022年3月TC39会议提案进展、Rome Formatter发布、Node内置Test Runner等核心资讯，并整理了JavaScript/Vue/测试等领域的实用技术资料。具体内容如下：
一、技术资讯2022年3月TC39会议会议推进了多个ECMAScript提案的阶段：
阶段1：新增Type Annotations（类型注解）和Function.once提案，前者探索静态类型支持，后者实现函数单次执行。
阶段2：Decorator metadata提案允许装饰器附加元数据，为AOP编程提供基础。
阶段3：
RegExp set notation + properties of strings：扩展正则集合语法并增强字符串属性。
Change array by copy：引入非破坏性数组修改方法（如toReversed()）。
Decorators (sans metadata)：标准化装饰器语法，暂不包含元数据支持。
Rome Formatter发布Rome团队用Rust重写的JS/TS格式化工具，速度比Prettier快9-12倍，且兼容Prettier配置。其设计目标包括：
统一代码风格处理流程（替代ESLint+Prettier组合）。
支持增量格式化与实时反馈。
通过编译优化实现极低内存占用。
Node内置Test RunnerNode.js计划集成轻量级测试运行器，提供以下特性：
原生支持test/目录自动发现。
兼容Mocha/Jest等框架的断言语法（如assert.equal()）。
通过node --test命令直接执行测试，降低入门门槛。（当前处于实验阶段，API可能变动）
Firefox UI/UX回忆录更新Mozilla发布2002年至今的浏览器界面设计演进史，涵盖：
标签页、地址栏等核心组件的迭代逻辑。
响应式设计、暗黑模式等现代特性的实现思路。
用户反馈驱动的设计决策案例。
JavaScript运算符备忘录交互式工具支持运算符查询，功能包括：
输入运算符（如??）显示优先级、结合性、浏览器兼容性。
点击运算符跳转MDN文档。
示例代码演示运算符使用场景。
Vue 3 Tips & Tricks实用技巧集合，例如：
使用v-memo优化高频渲染组件。
通过defineExpose控制组件暴露的属性。
组合式API中watchEffect与watch的选择策略。
JavaScript测试最佳实践覆盖50+测试场景的指南，包含：
前端：单元测试（Vitest/Jest）、E2E测试（Cypress）的选型建议。
后端：Mock服务、测试覆盖率阈值设置。
CI：并行测试、快照测试的版本控制策略。
HTML/CSS备忘录图片形式总结核心知识点，例如：
HTML5语义化标签（<article>/<section>）。
CSS选择器优先级计算规则。
Flexbox/Grid的常用属性速查。
1-Line Layouts10个单行CSS代码实现复杂布局，例如：
圣杯布局：display: grid; grid-template: "header header" "nav main" "footer footer"/200px 1fr;
等高列：display: flex; align-items: stretch;
- Node.js技术架构与Webpack5打包原理深度解析Node.js事件循环、模块加载机制，以及Webpack5的持久化缓存、模块联邦等核心特性。文章通过流程图展示：
依赖图构建过程。
Chunk分割与哈希生成策略。
Tree-shaking的实现原理。
周刊仓库地址：
热门标签
