# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

Web-development

• 在控制台中使用推测规则 API: 本文介绍了如何在浏览器控制台中使用和测试推测规则 API。

• htmx：在复杂解决方案时代的简单性: 本文探讨了 htmx 如何通过简化的方式解决现代 Web 开发中的复杂问题。

• DOM 有多深？: 本文分析了 DOM 深度对网站性能的影响及其优化方法。

• 全栈 Web 推送 API 指南: 这是一篇关于如何在全栈开发中实现 Web 推送通知的详细指南。

• 超越聊天机器人：AI 如何改变前端开发: 本文探讨了人工智能在前端开发中的应用及其潜在的变革性影响。

• TanStack 推出基于其路由器的新元框架: 本文介绍了 TanStack 基于其路由器推出的新元框架及其功能特点。

• 在 DevTools 中定制性能工作流的三个新特性: 本文介绍了 Chrome DevTools 中三个用于定制性能工作流的新特性。

• 为什么 WCAG 中没有移动无障碍指南？: 本文探讨了 WCAG 中缺少专门针对移动设备无障碍指南的原因。

• Effects • 独立 Web 组件的实时演示: 本文展示了独立 Web 组件的实时演示及其实现方法。

  • 网格项目上的推动动画: 本文介绍了如何在网格布局中实现推动动画效果。

CSS

• CapUnit：如何用 CSS cap 单位解决设计问题: 本文讲述了作者如何使用 CSS 中的 cap 单位来解决特定的设计问题。

• 纯 CSS 自定义范围滑块与动效: 本文介绍了如何使用纯 CSS 创建带有动画效果的自定义范围滑块。

• 自定义顶部和底部 CSS 容器遮罩: 本文展示了如何实现自定义的顶部和底部 CSS 容器遮罩效果。

• 实用的 CSS 技巧和技术: 本文汇总了一些实用的 CSS 技巧和技术，帮助开发者提升效率。

• CSS 长度单位: 本文详细介绍了各种 CSS 长度单位及其使用场景。

• 微调文本输入: 本文讨论了如何优化和美化 HTML 文本输入框的用户体验。

• 让我们挂起来！CSS 锚点定位入门及基础示例: 本文通过基础示例介绍了 CSS 锚点定位的用法和原理。

JavaScript

• 用示例解释 JavaScript 中的 this 关键字: 本文通过示例详细讲解了 JavaScript 中 this 关键字的用法。

• 使用 Promise.withResolvers() 从任意位置控制 JavaScript Promises: 本文介绍了如何使用 Promise.withResolvers() 方法来灵活控制 JavaScript Promises。

• TypeScript 类型测试: 本文讨论了在 TypeScript 中如何进行类型测试，以确保代码的健壮性。

• 从头开始了解 Promises: 本文详细介绍了 JavaScript Promises 的基本概念及其实现原理。

• 合并任何东西 — 递归合并对象和其他类型: 本文介绍了一个轻量级的工具库，用于递归合并 JavaScript 对象及其他类型。

• 如何使用 TypeScript 编写 API 响应类型: 本文提供了使用 TypeScript 编写和管理 API 响应类型的实用指南。

• React • 如何使用 React 复合组件模式构建评分组件: 本文介绍了如何使用 React 复合组件模式来构建一个评分组件。

  • 最佳免费开源的 React 和 NodeJS SaaS 模板: 本文推荐了一个优秀的 React 和 NodeJS 开源 SaaS 模板，并介绍了其特点。

  • 如何使用 React.js 构建经典的贪吃蛇游戏: 本文讲解了如何使用 React.js 构建一个经典的贪吃蛇游戏。

• Vue • 使用 Vue 和 Go 以及 Tailwindcss v4 创建全栈应用: 本文介绍了如何结合 Vue、Go 和 Tailwindcss v4 创建一个全栈应用。

  • 优化 Vue 中的渲染: 本文提供了在 Vue 框架中进行渲染优化的技巧和方法。

  • 理清 Vue Router 的历史模式: 本文详细解释了 Vue Router 的各种历史模式及其适用场景。

  • 如何将你的 Vue 3 应用迁移到 Nuxt 3: 本文介绍了将 Vue 3 应用迁移到 Nuxt 3 的具体步骤和注意事项。

• Angular • 在 Angular 状态管理中使用 Signals 和 ngOnChanges: 本文对比了 Signals 和 ngOnChanges 在 Angular 状态管理中的使用及其优缺点。

  • 构建 Angular 架构：第三部分——轻松的数据模拟: 本文讲解了在 Angular 项目中如何轻松进行数据模拟。

  • 使用 CSS 变量进行 Angular Material 主题定制: 本文介绍了如何使用 CSS 变量来定制 Angular Material 的主题。

---

🔊说到这里，我们不难发现：成长与发展是人生主旋律 ~

自荐我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜“程序员成长手记”