# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
网页开发
揭秘 Web 组件：这篇文章揭示了 Web 组件的原理和使用方法，帮助开发者理解自定义元素、Shadow DOM 与 HTML 模板的应用。
用原生 JS 和 CSS 制作基于浏览器的游戏：这篇文章讲解了如何利用纯 JavaScript 与 CSS 制作浏览器游戏，展示了无需框架也能实现游戏逻辑和动画的技术。
利用 Astro Actions 和 Fuse.js 构建搜索功能：这篇文章介绍了如何结合 Astro Actions 与 Fuse.js 实现高效搜索，详细解析了搜索算法和前端实现方案。
Apollo：GraphQL 现可轻松连接 REST API：这篇文章介绍了 Apollo 的新功能，使 GraphQL 能够简单整合 REST API 服务。
Oxlint 现已进入测试版，经过社区一年多的开发：这篇文章宣布了 Oxlint 测试版的发布，展示了社区协作下新工具的进展与功能预览。
使用 IntersectionObserver API 实现背景图片懒加载：这篇文章讲解了如何利用 IntersectionObserver API 实现背景图片的懒加载，有效提升页面加载速度和性能。
特效
在 Three.js 中玩转光影与折射：在玻璃环面内扭曲 3D 文本：这篇文章展示了如何在 Three.js 中利用光影与折射效果扭曲 3D 文本，创造出独特且引人注目的视觉体验。
在 WebGL 中复制 CSS object-fit：优化图像缩放和定位技术：这篇文章探讨了在 WebGL 环境下实现类似 CSS object-fit 效果的方法，提供了高效的图像缩放与定位技术。
使用 Three.js 和 TSL 在玻璃球内渲染程序化漩涡：这篇文章介绍了如何在玻璃球内利用 Three.js 和 TSL 渲染程序化漩涡，展示了复杂 3D 效果的实现过程。
玻璃按钮：这篇文章展示了玻璃效果按钮的实现方法，通过 CSS 和 HTML 制作出具有现代感的交互按钮。
CSS
CSS 中图片覆盖指南：这篇文章讲解了如何使用 CSS 实现图片覆盖效果，介绍了多种叠加技术和实现策略。
利用 content-visibility CSS 属性加速渲染：这篇文章介绍了 content-visibility 属性的使用，阐释了如何通过它提升页面渲染速度。
可定制的下拉选择框 —— 第一部分：历史、技巧与 CSS 样式设计：这篇文章探讨了下拉选择框的定制化，回顾历史并讲解如何使用 CSS 美化选择框。
应用视图过渡：平滑动画边框圆角：这篇文章讲解了如何利用视图过渡实现平滑的边框圆角动画，提升界面切换的流畅度。
TypeScript
10 倍加速的 TypeScript：这篇文章介绍了使 TypeScript 构建速度提升 10 倍的方法，通过原生移植实现更高效的编译过程。
TypeScript 正在将编译器移植到 Go 以实现 10 倍加速构建：这篇文章讲述了 TypeScript 编译器移植到 Go 的计划，旨在大幅提升构建速度与性能。
JavaScript
ECMAScript 引擎如何优化变量：这篇文章探讨了 ECMAScript 引擎优化变量的策略，揭示了底层性能提升的关键技术。
JavaScript 疲劳反击：这篇文章讨论了 JavaScript 社区面临的疲劳现象，反思了技术更新频繁所带来的挑战。
React
超越 React.memo：更智能的性能优化方法：这篇文章探讨了比 React.memo 更高效的性能优化策略，分享了先进的 React 优化技巧。
纽约时报如何系统性地从 Enzyme 迁移到 React Testing Library：这篇文章详细讲述了纽约时报测试工具迁移的过程，展示了从 Enzyme 到 React Testing Library 的转变原因和方法。
