AliPaPa

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

本文介绍如何使用 Three.js 实现行星科技概念官网的 Hero Section。场景包含星云背景、粒子星系与三颗行星。文章提供源码与在线预览，适合具备 Three.j...

从'跑路程序员'到'摸鱼仙人'！这个黑科技插件让国际化的代码屎山绝境逢生，效率飙升 300%！谁懂啊！...

前言 朋友们好啊，我是 auto-plugin 掌门人德莱厄斯。 刚才有个朋友问我，德老师发生什么事了，我说怎么回事，给我发了几张截图，我一看，嗷！原来是昨天，有两个小项目...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...

你会用 useSyncExternalStore + useOptimistic + useTransition 吗？...

在开发Web应用时，深色模式已成为现代UI设计的标配功能。然而，许多项目在实现主题切换时仅简单改变CSS变量，缺乏平滑的过渡动画，导致用户体验突兀。作为开发者，我们常被期望...

前情提要：我是如何变成 Tailwind 重度用户的 作为一个多年写 CSS 的前端，我曾经深陷“命名地狱”： 什么 .container-title, .btn-prim...

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入...

刚好前天摸鱼时间搞了个工具网站，这也是感谢 @方可乐 交流后的灵感，类似这种工具站交给 AI 还是很快就可以搞定的，因为交互原型功能确定后，剩下就是让 AI 帮我们开发各种...

想要在电脑上增添一份灵动与乐趣吗？今天，我要为您推荐一个超级好玩的项目——BongoCat。这不仅仅是一款桌面宠物应用，而是一只能够与您实时互动的可爱猫咪。它会随着您的鼠标...

之前分享了大文件上传的前端实现后，但是还有很多细节没有说明，隔了这么久又来考古一下Orz. 在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，...

在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！...

前言： 相信！近几年各位前端大大做的国际化项目越来越多了，我们配置i18n语言包越来越多方式了，有传统的最基础的自己配置两个文件en.json&zh-cn.json。也有开...

写了个简单的布局：一个浅蓝色块默认高 50px，加载后要改成 200px 并居中。结果每次刷新都先看到矮块闪一下，再变成高块 —— 明明就两行样式，咋就出了这种幺蛾子？ 排...