# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
Web-development
• 如何使用 ZenUI 库提升前端开发工作流 本文介绍了 ZenUI 库，探讨其如何通过模块化和工具集优化前端开发工作流。
• 万维网基金会关闭，蒂姆·伯纳斯-李将专注于协议开发 万维网基金会宣布关闭，蒂姆·伯纳斯-李将更多精力投入到 Web 协议改进工作中。
• Web 组件不是未来 探讨 Web 组件的局限性，特别是在与框架组件的比较中。
• Web 组件不是框架组件——但这没关系 这篇文章分析了 Web 组件和框架组件的区别，并指出这两者的不同应用场景。
• HTML 的 Dialog 元素和 Popovers 有何区别？ 详细讨论 HTML 中 Dialog 元素与 Popover 的差异，及其使用场景。
• 通过 Lit 和 Shoelace 探讨 Web 组件的优缺点 分析通过 Lit 和 Shoelace 实现的 Web 组件的优点和缺点。
• 实用的无障碍设计技巧 提供一些简单易行的无障碍设计技巧，帮助提升网站的可访问性。
• 案例研究：Federico Pian 作品集 — 2024 分享 Federico Pian 的个人作品集设计和实现过程的详细案例研究。
Tools
• ESLint 现已支持 JSON 和 Markdown 语法检查 ESLint 官方宣布对 JSON 和 Markdown 文件进行语法检查的支持。
• ESLint 现在是语言无关的：支持 JSON、Markdown 等 介绍 ESLint 的语言无关性，及其在不同语言中的应用。
• 6 种用于 API 测试和开发的 AI 工具 介绍了 6 种 AI 工具，帮助开发者更高效地进行 API 测试和开发。
• ViteConf 2024 | 43 场关于 Vite 生态系统的演讲 汇总了 ViteConf 2024 会议中的 43 场关于 Vite 生态系统的演讲视频回放。
• Vite 创始人成立公司，构建 JavaScript 工具链 报道了 Vite 创始人成立新公司，专注于 JavaScript 工具链的开发。
CSS
• 创建一个语义化的按钮，使整个元素可点击 介绍如何使用语义化的按钮，让整个元素变得可点击。
• CSS Masonry 和 CSS Grid 讲解了 CSS Masonry 和 CSS Grid 布局的差异和应用场景。
• CSS 锚点定位指南 详细介绍如何使用 CSS 实现锚点定位。
• 如何使用 CSS 的 backdrop-filter 属性 探讨 backdrop-filter 属性的使用方法及其应用场景。
• 我为了让网站加载快 2 毫秒而浪费了一天时间 描述一次关于 CSS 选择器性能优化的经历，以缩短网站加载时间。
• CSS @property 性能基准测试 对 CSS @property 的性能进行了基准测试，探讨其对页面性能的影响。
JavaScript
• 用函数式编程释放 JavaScript 的潜力 探讨函数式编程如何提升 JavaScript 代码的简洁性和可维护性。
• JavaScript 的内存管理：WeakRef 和 FinalizationRegistry 介绍 JavaScript 中的 WeakRef 和 FinalizationRegistry，用于更高效的内存管理。
• 使用原生 JavaScript 高效操作 DOM 的模式 讲解如何使用原生 JavaScript 进行高效的 DOM 操作。
• 用 JavaScript 实现签名板 介绍如何用 JavaScript 实现一个简单的签名板功能。
React
• [React 组件类型 2024] 详细分类和解释了 React 中不同的组件类型。
• React 开发者的 CSS 动画入门 为 React 开发者提供 CSS 动画的基础知识和入门指南。
• 你应该了解的 React 19 新特性——附代码示例 通过代码示例，解释了 React 19 的一些重要新特性。
Vue
• 在 Vue 中使用 Chrome 的 window.ai API 集成 AI 功能 讲解如何在 Vue 项目中集成 Chrome 的 window.ai API，实现 AI 功能。
Angular
• 在 Angular 组件中使用 innerHTML 的 CSS 类，而不失去封装 探讨如何在 Angular 中使用 innerHTML 时保持 CSS 类的封装性。
• Angular 的 effect()：用例及强制异步处理 介绍 Angular 中 effect() 的使用场景及其强制异步处理机制。
• 通过 100 天编码提升我的 Angular 17+ 技能 分享通过 100 天编码挑战，提升 Angular 17+ 技能的经验和心得。
