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

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

1_M7lswijuIzHc3jkr_xoFKA.webp

Web开发

• 工具 • 从Webpack迁移到Vite的经验；本篇文章介绍了开发团队如何从Webpack迁移到Vite的过程，迁移过程中遇到的挑战与学习经验。 • Vite 6.0 发布！；本文提供了Vite 6.0版本发布的详细信息，讲解了新版本的功能与改进。 • AI在Web开发中的应用；本篇文章探讨了AI技术如何提高Web开发效率，提升开发者的生产力。 • 为什么开发者应该尝试预测AI；本文讨论了开发者如何利用预测AI提高代码质量和开发效率。
• 性能 • 避免庞大网络负载的10个步骤；本篇文章提供了减少网络负载、提高性能的10个步骤，帮助开发者优化Web应用的网络性能。 • 设计（并演化）新的Web性能评分；本文介绍了如何设计和演化Web性能评分，帮助开发者评估和优化Web应用的性能。 • Web性能API：衡量重要指标；本篇文章讲解了如何使用Web性能API衡量Web应用的关键性能指标，为开发者提供精准的性能数据。 • 预加载响应式图像；本文介绍了如何使用预加载技术提高响应式图像的加载速度，优化用户体验。
• 可访问性 • Alt文本：并非总是必要的；本篇文章讨论了在Web设计中，何时可以不使用Alt文本，避免过度使用Alt文本的情况。

CSS

• 评估浏览器支持的框架；本文提供了一种评估浏览器对CSS支持的方法，帮助开发者了解不同浏览器的兼容性问题。

• CSS数学评估，现已更好也更奇怪；本篇文章介绍了CSS中的数学运算功能，并探讨了它的新特性与潜在的使用场景。

• 我最希望看到的3个CSS表格功能；本文提供了作者最希望在CSS表格布局中看到的三个功能，旨在提高开发效率和设计灵活性。

• 在浅色/深色模式中调整颜色；本篇文章介绍了如何为浅色和深色模式调整单一的色彩方案，以提升用户体验。

• 使用CSS和JavaScript适应用户的运动和主题偏好；本文讨论了如何利用CSS和JavaScript根据用户的运动偏好和主题设置进行页面调整。

• 使用CSS Gap控制网站文本的间距；本篇文章介绍了如何使用CSS的Gap属性控制网页内容的边距，从而简化布局设计。

• 现代CSS下的全宽布局；本文提供了一种使用现代CSS技术实现全宽布局的方式，增强网页设计的表现力。

• 理解CSS继承：一致性样式的指南；本篇文章详细解释了CSS继承的概念，帮助开发者实现一致性的样式管理。

JavaScript

• 如何减少JavaScript执行时间；本文提供了减少JavaScript执行时间的实用技巧，帮助开发者提升Web应用的响应速度。

• Deno v.s. Oracle：取消JavaScript商标；本篇文章讨论了Deno与Oracle之间的商标争议，并分析了其对JavaScript生态的潜在影响。

• 信号的热潮；本文探讨了JavaScript中信号（Signals）概念的流行及其应用，帮助开发者理解这一新兴的技术。

• 使用JavaScript的调度器API；本篇文章介绍了JavaScript的调度器API的使用方法，帮助开发者优化任务调度和执行顺序。

• 掌握TypeScript高级概念，构建健壮的应用；本文介绍了TypeScript的高级特性，帮助开发者构建更强大的Web应用。

• TypeScript实用工具类型：完整指南；本篇文章提供了TypeScript中实用工具类型的详细指南，帮助开发者更高效地进行类型管理。

• React • React Island的结构解析；本文介绍了React Island架构的结构和应用，帮助开发者理解这一前端架构的优势和使用场景。 • 如何用React构建记忆卡片游戏；本篇文章提供了一个React实现记忆卡片游戏的教程，适合入门级开发者学习。 • 如果不是React，那是什么？；本文讨论了React以外的前端框架和技术，帮助开发者了解其他可选的技术栈。 • 基于功能的React架构；本篇文章介绍了如何构建基于功能的React架构，帮助开发者更高效地管理大型React项目。 • 在Next.js中管理搜索参数，使用nuqs；本文提供了如何在Next.js中使用nuqs管理搜索参数的教程，提升开发者的工作效率。 • 使用Remix的loader函数进行数据获取；本篇文章介绍了如何使用Remix框架的loader函数进行高效的数据获取。
• Vue • 如何优化Nuxt应用的性能；本文讨论了在Nuxt应用中如何进行性能优化，提升页面加载速度。 • 在Nuxt 3中发送电子邮件：如何在SaaS项目中处理邮件功能；本篇文章介绍了如何在Nuxt 3中处理邮件功能，适用于SaaS项目开发。 • 用Vue和Transformers.js构建背景去除工具；本文介绍了如何使用Vue和Transformers.js构建一个背景去除工具，帮助开发者实现图像处理功能。
• Angular • 超强Angular：高级技巧加速渲染和优化；本篇文章介绍了Angular框架中的高级技巧，帮助开发者实现更快的渲染和更高效的优化。