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

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

image.png

Web开发

• 互联网域名的消失：地缘政治如何改变数字基础设施：探讨了地缘政治对互联网域名的影响，分析了数字基础设施的脆弱性及其对国家安全的潜在威胁。
• GOV.UK：使用渐进增强构建强大的前端：介绍渐进增强的概念及其在政府网站中的应用，强调用户体验和可访问性的重要性。
• Popover API：你新的工具提示最佳朋友：介绍Popover API的使用，提供创建动态工具提示的最佳实践，提高用户交互体验。
• 构建完美的Logo条：讨论Logo条的设计原则及实现方法，关注品牌一致性和用户识别度。
• 使用htmx构建单页面应用：讲解htmx库的功能，展示如何使用其简化单页面应用的开发过程。
• iOS404：一个专注于iOS开发的博客，提供相关资源和教程，帮助开发者解决常见问题。
• 理解和支持网页上的缩放行为：分析用户在网页上进行缩放时的行为和需求，提出相应的支持建议。
• 探索有趣的上下文感知动画：探讨如何为固定元素创建上下文感知的动画，提高网页互动性和趣味性。
• 案例研究：Treize Grammes — 2024：分析Treize Grammes的设计和开发案例，提供实用的经验教训。

工具

• 宣布Deno 2：介绍Deno 2的主要特性和改进，强调其与Node.js的对比和优势。
• 编程应该简单：一段视频，探讨简化编程的必要性，强调可读性和维护性的重要性。
• Node与Bun：后端性能无差异：对比Node和Bun在后端性能上的表现，帮助开发者选择合适的工具。

性能

• 如何通过跨浏览器开发工具提升生产力：介绍各种开发工具的特性及其对提高开发效率的影响。
• 修复网站JavaScript性能问题：提供优化JavaScript性能的技巧和建议，帮助开发者提升网页响应速度。

CSS

• 使用Grid和@property的CSS扩展：探讨Grid布局与@property结合的用法，提升CSS的灵活性。
• CSS选择样式的继承变化：分析CSS选择样式的继承机制，指导开发者实现自定义选择样式。
• Tailwind网格构建器：介绍Tailwind CSS的网格构建工具，帮助开发者快速搭建布局。
• CSS嵌套通过CSSNestedDeclarations得到改善：讲解CSS嵌套的概念及其在实际应用中的优势。
• 使用Sass简化CSS逻辑属性：介绍CSS逻辑属性的使用及其在Sass中的实现方式。
• 寻找新CSS Logo：讨论新CSS Logo设计的背景及其社区反馈。
• CSS :has()导航滑动悬停提示：示范如何使用:has()伪类创建动态导航悬停提示。
• 仅使用一个渐变的CSS技巧：分享使用单一渐变的创意技巧，增强网页美观。
• 带有固定头部和水平滚动的表格：介绍如何实现具有固定表头的可滚动表格布局。
• 2024：比过去十年总和更多的CSS At-Rules：分析2024年CSS At-Rules的增加及其应用前景。
• 检测CSS At-Rules支持的配方：提供检测浏览器对CSS At-Rules支持的实用方法。
• 滚动驱动的动画卡片堆叠与滚动捕捉事件：探讨如何实现基于滚动事件的动态卡片效果，增强用户体验。

JavaScript

• JavaScript明年将推出的新时间、日期和集合特性：介绍即将推出的JavaScript新特性，分析其对开发者的影响。
• 在JavaScript中处理粘贴事件：讲解如何在JavaScript中有效处理粘贴事件，提高用户交互性。
• 用纯JavaScript从头构建经典贪吃蛇游戏！：提供从零开始构建贪吃蛇游戏的指南，帮助开发者练习JavaScript编程。
• TC39推进10+ ECMAScript提案：关键特性关注：总结TC39委员会最新的ECMAScript提案，讨论未来JavaScript的发展方向。
• 宣布TypeScript 5.7 Beta：介绍TypeScript 5.7 Beta的新特性和改进，鼓励开发者尝试新版本。

React

• React useReducer Hook指南：详细讲解useReducer Hook的使用，帮助开发者管理复杂状态。
• 微软Edge如何用Web组件替代React：探讨微软Edge在其开发中采用Web组件的原因及其对React的影响。

Vue

• 如何在Vue.js应用中添加反馈框并通过Slack获取通知：提供在Vue应用中实现反馈功能的步骤和Slack集成方法。
• 使用Vitest的浏览器模式和Playwright进行可靠的组件测试：讲解如何使用Vitest和Playwright进行高效的组件测试，确保组件的可靠性。

Angular

• Angular中effect()的最新更新：分析Angular框架中effect()的更新内容，帮助开发者理解其新特性。
• 深入探讨Angular管道实现：详细讲解Angular管道的实现机制及其在数据处理中的应用。