上周前端发生哪些新鲜事儿？ #389

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

Web开发

• Web Almanac 2024发布：《Web Almanac 2024》发布，包含有关Web技术的深度统计数据和趋势分析。

• 2024年CSS与HTML状态报告：发布2024年CSS和HTML的状态报告，涵盖这些技术的最新发展和趋势。

• 在个人博客上展示浏览器对Web平台特性的支持：介绍如何在博客中显示浏览器对Web平台特性的支持，帮助开发者提高兼容性。

• Framer Motion现已独立，推出Motion：Framer Motion宣布独立，推出新品牌Motion，旨在推动动画和过渡效果的创新。

• 互动悬停聚焦效果与平滑跟随：展示如何实现互动悬停聚焦效果，并使用平滑跟随技术增强用户体验。

• 开发Moxey：幕后制作过程：带领读者深入了解Moxey项目的开发过程，从设计到实现的幕后故事。

CSS

• CSS的官方标志：CSS官方标志的推出，旨在提升CSS的品牌形象并推广这一技术标准。

• 美观的焦点轮廓：探讨如何创建美观且可访问的焦点轮廓，提升Web可访问性。

• 使用锚点定位和滚动驱动动画自定义进度元素：介绍如何结合锚点定位和滚动驱动的动画实现自定义进度条元素。

• 如何使用对话框：讲解如何在Web应用中实现和管理对话框，提升用户交互体验。

• (上)作用域滚动时间轴：介绍如何在CSS中创建作用域滚动时间轴，使页面滚动和动画更加灵活。

• Anchoreum：学习锚点定位的新游戏：一个互动式学习工具，帮助开发者掌握锚点定位的技巧。

• ORBIT — CSS径向编排器：介绍ORBIT，一个用于构建径向布局的CSS库，简化复杂布局的实现。

• 解决CSS粘性定位问题：深入探讨如何调试和解决CSS粘性定位（sticky positioning）的问题，确保元素按预期工作。

JavaScript

• 深入探讨JavaScript继承 — 7种强大的技巧：介绍JavaScript继承的不同方式和技巧，帮助开发者优化继承结构。

• 使用Fraction.js在JavaScript中进行精确的小数数学计算：讲解如何使用Fraction.js库进行高精度的小数数学计算，避免常见的浮动误差问题。

• 探索JavaScript符号：介绍JavaScript中的Symbol类型及其应用，提升代码的可维护性。

• 为什么你应该使用SWC（而不是Babel） ：讨论为什么SWC是Babel的优秀替代品，尤其是在构建性能和速度方面。

• 如何测试JavaScript的可访问性合规性：介绍如何测试JavaScript代码的可访问性，确保Web应用符合WAI-ARIA等标准。

• JavaScript中的Set和Map：超越数组和对象：介绍Set和Map的数据结构，并展示它们在实际开发中的应用场景。

React

• 如何为生产环境设置Next.js 15：介绍如何配置Next.js 15以适应生产环境，确保应用的高效和稳定性。

• TIL：传递给React的危险dangerouslySetInnerHTML时内联事件处理程序仍然触发：讨论如何安全地使用dangerouslySetInnerHTML，避免潜在的安全问题。

• React中的样式困境：探讨在React中进行样式管理时遇到的问题，并提供解决方案。

• React useCallback() — 完整指南：深入讲解React中的useCallback() Hook及其使用场景，优化函数组件的性能。

• 为什么开发者应该重新考虑使用Next.js的应用路由：分析Next.js应用路由的优势，并鼓励开发者尝试这一新特性。

• 什么是React Portals？ ：解释React Portals的概念，以及如何使用它们来渲染子组件到DOM树之外。

• 纽约公共图书馆选择React重建网站的原因：分享纽约公共图书馆选择React框架重建网站的案例，分析其选择的原因和实际收获。

Angular

• 增强Angular中的双向数据绑定：介绍如何在Angular中优化双向数据绑定，以提升应用的响应性和性能。

• 使用Angular树结构：讲解如何在Angular中实现树形结构，包括平铺和嵌套树的使用方式。

• Angular 19版本计划在周二发布：预告Angular 19版本即将发布，并讨论新版本的特性和改进。

• 理解Angular 19的资源模式：实用指南：介绍Angular 19中的资源模式，帮助开发者高效管理应用资源。