AI 摘要：本期 Web Weekly 聚焦前端开发领域的新提案、工具优化与实用技巧，涵盖 Edge 团队的 ariaNotify() 和 console.context() 提案、Node.js 双包风险、CSS 新单位 lh 的应用，以及 Chrome 原生 CSS 轮播的可访问性分析。同时推荐了有趣的 CSS 全息效果、小众浏览器和 JavaScript Set 新方法等资源。

1. Edge 团队新提案
• document.ariaNotify() ：简化无障碍通知的 DOM 操作，直接通过 JavaScript 触发屏幕阅读器提示。
• console.context() ：提供日志分组、样式和过滤功能，优化调试体验。

2. Node.js 双包风险警告
• 官方建议仅发布一种模块格式（CJS 或 ESM），避免因混合格式导致的兼容性问题。

3. CSS 新特性与实践
• lh 单位：基于行高的垂直间距控制，提升视觉一致性。
• Chrome 原生 CSS 轮播：新增 scroll-marker-group 等属性，但当前可访问性不足（Sara 评估，她的结论是：他们还没有准备好，但你自己要多读一读）。
• 纯 CSS 全息效果：纯 CSS 实现，利用 mix-blend-mode 和 background-attachment 实现。 解释博客

4. JavaScript 更新
• JavaScript Set 新方法：difference()、intersection() 等集合操作。
• JavaScript 类中的静态初始化块 - 不久前，我了解到您可以将 "nameless static " 块放入 ECMAScript 类中。他们是做什么的？
• RegExp.escape()：自动转义正则表达式特殊字符（Chromium 136+）。

5. 工具与资源推荐
• 小众浏览器：Vivaldi 及其他非主流选项。
• 自然语言日期解析库 wanasit/chrono
• Node.js 测试最佳实践指南 #测试
• MCP 服务器的集合 punkpeye/awesome-mcp-servers 。 #AI #MCP

6. 其他亮点
• 趣味网站：owlsintowels.org（猫头鹰主题）。
• 设计技巧：复杂曲线边框的 CSS 实现方案。
• My Three Strikes Rule for Blogging 第三次在对话中使用某个想法时，您必须将其写在博客上。 #技术写作

Stefanjudis

Web Weekly #158

The `ariaNotify()` and `console.context()` proposals from the Edge team, Node.js dual package hazards and `lh` CSS unit use cases.