睡不着先生

🔮 CSS :has() 实战指南：让 CSS 拥有“if 逻辑” 🧠 什么是 :has()？ :has() 是一个关系伪类选择器，允许你根据子元素或后代元素的状态，来影响父元素的样式。 基本语法 📌

🌍 前端国际化（i18n）体系设计与工程化落地 在这篇文章中，咱们不讲“Hello World”，而是讲真正能在项目里落地的 i18n 方案。 🎯 为什么前端国际化一定要提前设计？ 很多项目的国际化，

`Scroll-driven animations`（基于滚动的动画）是 CSS Animation 最新草案的一部分。它允许你直接在 CSS 中根据页面滚动进度驱动动画，无需 JavaScrip

🚀 从静态到交互：用 CSS Houdini解锁前端动画的下一个时代！CSS 不再只是“样式”，而变成了`可编程的动画引擎`

git使用 -- 不对当前分支造成影响同时拉取远程分支 方法一：git checkout -b 本地分支名 origin/远程分支名 方法二：git fetch origin 远程分支名:本地分支名

今天在启动一个react项目的时候，我运行了这个命令： 项目启动过程中，控制台突然报了这个错误： 原因： 原来是我当时安装这个项目需要的依赖的时候，使用的node版本比较低，最近升级了一下node版本

一次惊艳的页面动效优化：用 View Transition API 带来“原生级”丝滑体验 🖼️ 直接先上效果图！ ✨ 什么是 View Transition API？ View Transition

JavaScript获取浏览器可视区域的宽高 在做项目的时候，我们常常需要对项目做一些优化，来提升页面响应的速度，比如进入可视区域后再发送请求获取数据或者是填充模板，这个时候就需要能够获取到浏览器的可

vite项目运行时Network提示"use '--host' to expose" 最近在使用vite创建项目，使用npm跑起来后发现，Network没有显示具体的地址，在Network那个地方会显