上周前端发生哪些新鲜事儿？ #373 (22–28 July 2024)
Web-development
Lorem Ipsum 的终结 本文讨论了“Lorem Ipsum”这种占位符文本在现代设计中的局限性，提出了使用实际内容或更贴近真实的文本来设计和测试用户界面的优点，从而提高设计的实用性和用户体验。
DRY 原则——不良抽象的常见源头 文章探讨了DRY（Don't Repeat Yourself）原则的误用，如何过度抽象会导致代码难以维护。作者建议在实际开发中更灵活地应用DRY原则，避免产生不必要的复杂性。
如何为你的应用选择最佳渲染策略 介绍了选择最佳渲染策略的方法，包括SSR（服务器端渲染）、CSR（客户端渲染）、ISR（增量静态再生）等。文章提供了每种策略的优缺点及适用场景，帮助开发者做出明智的选择。
使用功能标志将单体应用解耦为微服务 本文描述了如何使用功能标志（feature flags）将单体应用解耦为微服务。通过逐步启用和测试新功能，开发团队可以平稳过渡，降低风险，提升应用的灵活性和可维护性。
我们如何在Craft CMS中使用DDEV、Vite和Tailwind 文章介绍了在Craft CMS项目中使用DDEV、Vite和Tailwind的实践经验。这些工具的结合能够显著提升开发效率，简化构建流程，并改善前端样式的管理。
调用命令在HTML中的更新 探讨了在HTML中使用调用命令（invoker commands）的最新进展。这种方法能够简化事件处理，提高代码的可读性和维护性，是前端开发的一种有益尝试。
气泡提示的实现 本文详细介绍了如何使用Popover API创建和管理气泡提示（tooltip）。通过示例代码，展示了如何实现交互式的用户提示，增强用户体验。
Popover API 101 介绍了Popover API的基础知识和使用方法。文章包括了基本的API调用、配置选项以及实际应用场景，适合初学者快速上手。
不变：惊艳的UI动画创作过程 文章分享了一个令人惊叹的UI动画创作过程，从灵感来源到最终实现，详细记录了设计师和开发者的合作与创新过程，展示了现代UI设计的艺术与技术结合。
CSS
CSS font-size-adjust 现已在 Baseline 中应用 介绍了CSS中的font-size-adjust属性及其在Baseline项目中的应用。通过调整字体大小比率，能够在不同字体之间保持一致的视觉效果，提升用户体验。
你真的了解box-shadow吗？ 本文探讨了box-shadow属性的常见误区和错误用法。通过具体案例，作者分析了如何正确地使用box-shadow来实现预期的视觉效果。
仅用CSS获取任意元素的宽度/高度 文章展示了仅使用CSS获取任意元素宽度和高度的方法。通过利用CSS变量和布局技巧，开发者可以在不借助JavaScript的情况下实现动态样式调整。
Clip Path 实现颜色变化 探索了使用clip-path属性实现颜色变化的技术。通过实例展示，作者说明了如何利用CSS实现复杂的视觉效果，增强网页的吸引力。
如何使用容器查询 介绍了container queries的最新进展及其应用方法。这种查询方式允许开发者根据容器的尺寸而不是视口尺寸来应用不同的样式，从而实现更灵活的响应式设计。
使用CSS @starting-style为对话框和气泡提示元素添加动画 本文讲解了如何使用CSS @starting-style动画来为对话框和气泡提示元素添加动画效果。通过具体示例，展示了实现平滑过渡和互动体验的技术细节。
JavaScript
2024年6月TC39赫尔辛基全体会议总结 总结了2024年6月在赫尔辛基举行的TC39全体会议的主要讨论和决策。文章涵盖了JavaScript语言的新特性和标准进展，为开发者提供了最新的信息。
TypeScript 5.6：革命性的新版本 介绍了TypeScript 5.6版本的新特性和改进，强调了其在类型安全性和开发效率方面的重大提升。文章详细分析了这些更新对开发者的影响。
JavaScript中过早优化的危害：为何急于优化会损害代码 探讨了JavaScript中过早优化的风险。作者通过实例说明，过早的性能优化可能导致代码复杂性增加和可维护性降低，建议开发者在实际需要时再进行优化。
ECMAScript 2024对JavaScript开发者的新特性 介绍了ECMAScript 2024的最新特性和改进。文章详细描述了这些新特性如何提升JavaScript的功能和性能，为开发者提供了重要的参考信息。
RxJS 采纳指南：概述、示例和替代方案 提供了RxJS（Reactive Extensions for JavaScript）的采纳指南，包括其概述、示例和替代方案。文章帮助开发者理解RxJS的应用场景和最佳实践。
前端开发必备的DOM方法 探索了前端开发中必备的DOM方法。文章详细讲解了这些方法的用法和应用场景，帮助开发者更高效地操作和管理DOM。
Meteor.js 3 正式发布！ 宣布Meteor.js 3的正式发布。文章介绍了新版本的主要特性和改进，并说明了这些变化如何提升开发者的开发体验和应用性能。
掌握JavaScript性能优化 文章提供了JavaScript性能优化的全面指南。通过具体案例和技巧，作者分享了如何提升JavaScript应用的性能，确保代码运行更高效。
-
React
如何使用React的Context API——教程和示例 提供了React Context API的使用教程和示例。文章详细解释了Context API的概念、应用场景和最佳实践，帮助开发者更好地管理组件状态。
Airbnb如何平稳升级React 文章介绍了Airbnb团队如何平稳升级React版本。通过详细描述他们的策略和工具，展示了在大规模生产环境中无缝升级的过程和经验。
React所有者组件 探讨了所有者组件在React中的概念及其应用。文章分析了这种设计模式如何帮助开发者更好地管理组件的状态和行为，提高代码的可维护性。
转载自:https://juejin.cn/post/7396930048782024731