# 前端每周文摘 - 每周更新:国外论坛的前端热门文章,推荐大家阅读/翻译,紧跟时事,了解/掌握前端行业新闻,也给想写作或尝试突破新技术领域的同学们提供思路~
-
如何控制每个网站的明暗模式? 这篇文章介绍通过浏览器扩展,可以自定义每个网站的颜色模式偏好。
-
如何仅用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个章节:从入门程序员到程序员自驱成长,回归纸质阅读,相信能给你一个更全局的程序员视野,提供成长帮助。京东搜"程序员成长手记"