CrabXin

🚀 从卡顿到秒开：前端如何用 CDN 加速网站性能全解析！ 🌐 一、CDN 是什么？为什么它能加速？ CDN，全称 Content Delivery Network（内...

🚀 前端性能进阶实战：懒加载 + CDN 加速，让你的页面快得飞起！ 🌄 一、图片懒加载：让“看得见的”先出现 现代网页动辄几十张大图，如果一次性加载完，不仅慢，还浪费...

如何让你的前端应用像“永动机”一样保持登录状态？ —— 了解 localStorage 和 Token 你有没有遇到过这种情况？每次刷新页面都需要重新登录，搞得你都想扔掉键...

🌊 一次搞懂前端中的浅拷贝与深拷贝（附实战案例） 在前端开发中，有没有遇到过这种“离谱”的情况： 这并不是 JavaScript 的 bug，而是你被“浅拷贝”坑了。 别...

背景 最近给 LUCI OS 官网做首屏改版，需求只有一句话： 听起来简单，但「缩放不变形」+「多端自适应」本质上是矛盾的。 经过 3 轮迭代，我们把问题拆成了 4 个小目...

选型口诀 要最小包 & 极致性能 → Svelte / Solid / Qwik 要最大生态 & 招聘友好 → React / Vue / Angular 要嵌入式 wid...

一. 概述 实验室每次项目发布测试时，都要手动本地打包好了然后上传到服务器，替换原来nginx下面的目录文件，十分麻烦和繁琐。这次就来优化一下，通过Dockerfile +...

《Tailwind CSS 移动优先与样式速通：颜色、字体、圆角一次讲透》 作者：@CrabXin 日期：2025-07-23 一、为什么要用移动优先？ 手机流量占比已超 ...

为什么要自己造轮子？ 市面上现成的 lib/flexible、postcss-px-to-rem 都很好，但我们的项目有三个“小脾气”： 设计稿宽度随业务而变：PC 192...

🚀 用 Vite + React + Ky 联调后端：一个完整表单异常处理指南 1. 项目骨架速览 文件 职责 vite.config.ts 代理 /api → http...

把组件想象成人，生命周期就是从生到死的过程。 🍼 出生（挂载） 组件第一次出现在页面上的阶段： 类组件：constructor → render → componentD...