# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~
四月啦！！！
Q1 结束，Q2 开始啦 ！！！
-
Web-development
• Core Web Vitals: Rank your websites higher on SEO - 这篇文章讨论了Google的Web Vitals计划，旨在提供对于网页用户体验至关重要的质量指标。
• How to Prevent Web API Attacks with Data Validation --- Web API Security Guide - 这篇指南提供了如何通过数据验证来防止Web API攻击的方法。
• Diving into the Node.js Website Redesign - 文章深入探讨了Node.js网站重新设计的过程和细节。
• The Many, Confusing File System APIs - 文章解释了为何文件系统APIs如此多且令人困惑，并探讨其背后的原因。
• Front-end development's identity crisis - 探讨前端开发所面临的身份危机以及这个领域的未来。
• What even is a JSON Number? - 文章详细讲述了JSON数字的定义以及在不同编程环境中的表现。
• Interaction to Next Paint (INP) Explained - 这篇文章解释了交互到下一次绘制(INP)的概念及其重要性。
• Node.js: The Documentary | An origin story - 通过这个纪录片，可以了解Node.js的起源故事和发展历程。
-
Tools
• DevTools Tips & Tricks - 这篇文章提供了一系列关于DevTools的小技巧和技术。
• ESLint v9.0.0 released - ESLint的新版v9.0.0发布了，带来了一些新的特性和改进。
• Bun 1.1 --- now you can now run Bun on Windows 10 and later - Bun 1.1版本现已发布，支持在Windows 10及以后版本上运行。
-
Effects
• The View Transitions API - 这篇文章介绍了View Transitions API，它允许开发者以更高级的方式控制页面间的过渡效果。
• On-Scroll Expanding Image Animation within Typography - 介绍了如何实现在滚动时图像在排版中扩展的动画效果的技巧。
CSS
• Responsive Design with Tailwind CSS - 文章介绍了如何使用Tailwind CSS框架来创建响应式设计。
• Drawing a Line to Connect Elements with CSS Anchor Positioning - 在这篇文章中，你会学到如何用CSS锚点定位来绘制连接元素的线条。
• An Interactive Guide to CSS Container Queries - 这是一个关于CSS容器查询的交互式指南，带你深入理解这一强大的新特性。
• Modern CSS patterns and techniques in Campfire - 文章展示了在Campfire项目中使用的现代CSS模式和技巧。
• A Complete Guide to CSS Logical Properties, with Cheat Sheet - 这是一个关于CSS逻辑属性的完整指南，包括一个作弊表。
• Managing User Focus with :focus-visible - 探讨如何使用:focus-visible伪类来管理用户的焦点。
• Infinite-Scrolling Logos In Flat HTML And Pure CSS - 这篇文章教你如何仅使用HTML和CSS创建无限滚动的logo序列。
• Mojo CSS vs. Tailwind: Choosing the best CSS framework - 文章比较了Mojo CSS和Tailwind两个CSS框架，帮助你选择最适合你的框架。
• CSS Hooks and the state of CSS-in-JS - 讨论了CSS Hooks的概念以及CSS-in-JS的当前状态。
JavaScript
• Dioma --- Elegant dependency injection container for vanilla JavaScript and TypeScript - Dioma是一个为原生JavaScript和TypeScript提供的优雅的依赖注入容器。
• History of JS interop in Dart - 这篇文章回顾了Dart语言中JavaScript交互的历史。
• How to Convert String to Date in JavaScript - 文章解释了在JavaScript中如何将字符串转换成日期对象。
-
React
• How Waku compares to Next.js - 比较了Waku和Next.js这两个React框架的区别和特点。
• Redux Toolkit adoption guide: Overview, examples, and alternatives - 这篇指南提供了Redux Toolkit的概览、示例以及替代方案。
• How does use() work internally in React? - 探索了React中use()钩子函数的内部工作机制。
• How does useOptimistic() work internally in React? - 文章讲解了React中useOptimistic()函数的内部原理。
-
Angular
• Angular Signal Inputs: road to Signal Components - 这篇文章介绍了Angular Signal Inputs的概念，以及如何将其用于创建Signal Components。
• Clean Frontend Architecture: Tips to Success - 提供了构建干净的前端架构的技巧和建议。
• Angular Signal Queries: simplifying DOM querying - 探讨了如何使用Angular Signal Queries来简化DOM查询。
🔊说到这里，我们不难发现：成长与发展是人生主旋律 ~
自荐我和机械工业出版社联合出版的 《程序员成长手记》 一书：全书分为3大模块、8个章节：从入门程序员到程序员自驱成长，回归纸质阅读，相信能给你一个更全局的程序员视野，提供成长帮助。京东搜"程序员成长手记"
关注掘金安东尼🤠 ，陪你一起度过漫长编程岁月☀