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

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

• 如何控制每个网站的明暗模式？ 这篇文章介绍通过浏览器扩展，可以自定义每个网站的颜色模式偏好。

• 如何仅用HTML和CSS构建Wordle？ 这篇文章探讨了使用基础网页技术构建流行字谜游戏思路。

• 理解 INP 这篇文章深入分析了INP（交互到下一个绘制）这一新的性能指标，它衡量用户交云到页面响应的时间。

• 图片堆栈入场动画 这篇文章展示了如何使用一叠图片来创建有趣的入场动画效果。

工具

• 介绍ESLint配置检查器，帮助你理解和检查ESLint的扁平化配置文件。 ESLint配置检查器是一个有助于理解和审查ESLint配置文件的可视化工具。
• Jest 指南：概览、示例和替代品 这篇指南提供了一个关于Jest测试框架的全面概览，包括示例和可能的替代工具。
• Deno：我们是如何构建JSR（JavaScript注册表）的 这篇文章介绍了Deno团队构建新的JavaScript和TypeScript注册表JSR的过程。

CSS

• 沙漠赛车手🏜️：世界上第一个只用CSS的滑动感知游戏！ 介绍了一个完全用CSS实现的滑动感知游戏，展示了CSS的强大能力。

• 如何在CSS中显示特定语言的引号 这篇文章介绍了如何使用CSS来根据不同的语言显示正确的引号样式。

• CSS中的滑动3D图片框架 探讨了如何使用CSS创建滑动3D图片框架的效果。

• 我在真实项目中使用CSS :has()的一些小方法 分享了在真实项目中利用CSS新伪类:has()的一些有趣用途。

• Gap是新的Margin 讨论了在布局中使用gap属性替代margin的优点。

• 使用现代CSS测试HTML 描述了如何使用CSS来检查HTML标记的正确性。

• 一个CSS驱动的添加/删除标签界面 展示了如何仅使用CSS来构建一个用户界面，允许添加和移除标签。

• 内联样式比CSS快吗？ 这篇文章探讨了CSS内联样式与外部样式表性能之间的差异。

JavaScript

• 使用Termino.js构建基于Web的终端组件 介绍了如何使用Termino.js库构建一个基于Web的终端界面。

• Kosko — 使用JavaScript组织Kubernetes清单 讨论了如何使用Kosko工具来更好地管理和组织Kubernetes的配置文件。

• React之外的前端开发：Svelte (1/3) 这是系列文章的第一部分，探讨了Svelte框架在前端开发中的应用。

• React

  • How to Build a Marquee Component with React：本文介绍了如何使用React构建一个跑马灯组件。

  • Creating a Navbar in React：这篇文章教你在React中创建一个导航栏。

  • React Server Components in a Nutshell：文章简要介绍了React服务器组件的概念和优点。

  • Setting Up Storybook for React Components：指导如何为React组件设置Storybook来优化开发过程。

  • Zustand and React Context：探讨了Zustand状态管理库与React上下文的使用对比。

• Vue
  • Things that I like better in Vue than in React：作者分享了他认为Vue比React更优秀的几个方面。

  • Why Nuxt makes your Vue life better：文章解释了为什么使用Nuxt框架可以提升你的Vue开发体验。

• Angular
  • Always unsubscribe. No exceptions. Debate closed.：讨论了在Angular中取消订阅的重要性，强调了始终取消订阅的必要性。

  • Recapping ngConf 2024：回顾了2024年ngConf大会的重要内容和亮点。

🔊说到这里，我们不难发现：成长与发展是人生主旋律 ~

自荐我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜“程序员成长手记”