四月啦！！！

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查询。

---

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