# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
Web-development
• You Might Not Need that Framework：探讨了使用前端框架是否总是必要，提供了轻量级替代方案，帮助开发者避免过度依赖框架。关键词：前端框架、轻量化、开发实践。
• Catching Up on the WordPress 🚫 WP Engine Sitch：分析了 WordPress 与 WP Engine 的现状及相关动态，讨论了开发者需关注的潜在影响。关键词：WordPress、WP Engine、网站开发。
• Web Components Are Not the Future --- They're the Present：强调 Web 组件技术已成为主流，详细说明其当前应用及优点。关键词：Web 组件、前端开发、现代化。
• Web components are okay：探讨了 Web 组件的现状，指出了它们的局限性，但仍认可其在特定场景中的适用性。关键词：Web 组件、局限性、前端技术。
• The continuing tragedy of emoji on the web：讨论了表情符号在网页上的兼容性问题及技术挑战，提出改进方案。关键词：表情符号、网页兼容性、技术问题。
• Tauri adoption guide: Overview, examples, and alternatives：介绍了 Tauri 的使用指南，分析其优缺点和替代方案，帮助开发者更好地选择适合的前端工具。关键词：Tauri、桌面应用、替代方案。
• Your Accessibility Questions Answered by a Blind Person：由盲人亲自回答与网页无障碍设计相关的问题，提供了真实的用户体验反馈。关键词：无障碍设计、用户体验、真实反馈。
• Five Ways to Lazy Load Images for Better Website Performance：介绍了五种图片懒加载技术，提升网页加载性能，优化用户体验。关键词：懒加载、网页性能、图片优化。
-
Case Studies
• Josh Comeau: How I Built My Blog --- 2024 "App Router" Edition：详细描述了 Josh Comeau 在构建博客时的开发过程，特别是使用"App Router"的经验。关键词：博客开发、App Router、实践案例。
• Ahmad Shadeed: Redesign Case Study：展示了 Ahmad Shadeed 的重设计过程，分享了设计理念和实现方法。关键词：重设计、用户体验、设计实践。
• Habit Hustle: The Creative Process Behind a UI Animation：分享了 UI 动画背后的创意流程，展示了设计和开发的每个步骤。关键词：UI 动画、创意流程、设计实践。
CSS
• How to create Shapes with Inner Curves using CSS Mask：本文介绍了如何使用 CSS Mask 创建带内曲线的形状，帮助实现更复杂的视觉效果。关键词：CSS Mask、曲线形状、视觉效果。
• Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too：介绍了如何通过 @supports 检测支持基于滚动的动画，特别是 animation-range 属性。关键词：滚动动画、CSS 检测、@supports。
• Open & Close Transitions with：展示了如何为 details 元素创建开关过渡效果，提升用户交互体验。关键词：details 元素、过渡效果、用户交互。
• Introducing TODS --- a typographic and OpenType default stylesheet：介绍了 TODS，这是一份用于 OpenType 字体的默认样式表，优化了排版效果。关键词：OpenType、排版样式、TODS。
• The problem with superscripts and subscripts：分析了在网页排版中使用上标和下标的问题，并提出了一些改进建议。关键词：上标、下标、排版问题。
• Slide Through Unlimited Dimensions With CSS Scroll Timelines：展示了如何使用 CSS 滚动时间线实现多维滑动效果，提升网页交互体验。关键词：滚动时间线、滑动效果、交互设计。
• How to Make a "Scroll to Select" Form Control：介绍了如何创建"滚动选择"表单控件，优化表单的用户体验。关键词：滚动选择、表单控件、用户体验。
• Color Mixing With Animation Composition：展示了如何通过动画组合实现颜色混合效果，创造更具视觉冲击力的设计。关键词：颜色混合、动画组合、视觉效果。
• Bad CSS-Dad Jokes (III)：第三部分的 CSS 老爸笑话系列，结合了轻松幽默和 CSS 知识。关键词：CSS、幽默、笑话。
• Developing modals using only CSS and the Popover API：介绍了如何仅使用 CSS 和 Popover API 开发模态窗口，无需 JavaScript 参与。关键词：CSS、Popover API、模态窗口。
• Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.：讲解了如何通过 CSS 滚动动画隐藏向下滚动时的标题，并在向上滚动时重新显示。关键词：滚动动画、标题隐藏、CSS 解决方案。
JavaScript
• A guide to destructuring in JavaScript：详细介绍了 JavaScript 解构赋值的用法及其应用场景，帮助简化代码。关键词：JavaScript、解构赋值、代码优化。
• null, but also not null：探讨了 JavaScript 中 null 的特殊行为及其陷阱，帮助开发者更好理解该数据类型。关键词：JavaScript、null、数据类型。
• What are Durable Functions? A visual JavaScript primer：提供了对 Durable Functions 的视觉化介绍，展示了其在 JavaScript 中的应用场景。关键词：Durable Functions、JavaScript、可视化教程。
• How to use the Reddit API for a JavaScript application：介绍了如何在 JavaScript 应用中使用 Reddit API，展示了相关的使用方法和示例。关键词：Reddit API、JavaScript、API 集成。
-
React
• A Complete Guide to Session Management in Next.js：提供了 Next.js 中会话管理的完整指南，帮助开发者实现用户身份验证和管理。关键词：Next.js、会话管理、用户身份验证。
• How to Create a Reusable Modal Component in React：讲解了如何在 React 中创建可复用的模态组件，提高开发效率。关键词：React、模态组件、复用性。
• Practical guidance between vertical and horizontal micro-frontends：提供了垂直和水平微前端架构的实用指导，帮助开发者理解其差异和应用场景。关键词：微前端、垂直架构、水平架构
。
• Component Composition is great btw：强调了 React 中组件组合的强大功能，提供了相关的开发经验。关键词：组件组合、React、开发实践。
-
Vue
• Augmenting the client with Vue.js：探讨了如何使用 Vue.js 扩展客户端功能，特别是在服务端渲染 (SSR) 场景下的应用。关键词：Vue.js、客户端扩展、SSR。
• Vue Mess Detector --- A comprehensive code analysis and quality assessment tool：介绍了 Vue Mess Detector，这是一款 Vue.js 的代码分析与质量评估工具。关键词：Vue.js、代码质量、分析工具。
-
Angular
• Delivering Angular apps in online vs. offline modes：讲解了如何在在线和离线模式下交付 Angular 应用，提供了优化建议。关键词：Angular、在线模式、离线模式。
• Angular Routing Essentials: All You Need to Know in One Post：详细介绍了 Angular 路由的基本知识，帮助开发者快速入门。关键词：Angular、路由、开发教程。