为什么同样是按钮，有的看起来高档大气，有的却显得廉价劣质？ 秘诀就在于层次感。 就像 3D 电影比 2D 电影更有沉浸感一样，有深度的界面比扁平的界面更能抓住用户的注意力。 扁平的化界面就像一张平铺的

背景 前几篇文章已经聊了Hooks 的意义以及如何实现的，那么现在我们来看下 我们平时 使用 hook的一些注意事项，也就是我们说的 “心智负担”，但是当我们理解它背后的实现原理后，也许 这种负担会大

在前几篇中，我们已经完成了 GitLab、GitLab Runner 以及前端项目的自动构建流程。但在真实项目中，CI/CD 往往不仅仅是“跑通一次构建”这么简单，而是需要支持多环境、多项目、多

那个让服务器 CPU 飙升 100% 的“...” 上周五下午 4:50，正当我准备收工去吃火锅时，告警群突然炸了。某核心微服务的 CPU 占用率瞬间从 15% 飙升到 100%，内存也在疯狂抖动

一晃三年，OpenTiny已经在开源路上走了三年。这三年，是打磨技术的三年，是和社区小伙伴们并肩共建的三年，更是陪着开发者们一起成长的三年——我们更愿意把这段旅程，称作OpenTiny的“逐光之旅”。

为解决大量图片导致的前端主线程阻塞问题，我们将打印架构迁移至 Node.js + Puppeteer Cluster 服务端渲染，并通过 NPM 包管理预编译模版与资源内联策略，成功实现了客户端零卡顿

目前 我维护过三套完全不同的代码库：一个用 Vue3 做企业后台，一个用 React 做客户运营后台，还有一个用 Flutter 做用户端 App。开始的时候我和很多人一样，把“状态管理”当成救命稻草

useRef 不仅用于获取 DOM，更是函数组件中持久化存储数据的容器。它不触发重渲染，可跨渲染周期保留值，常用于存储定时器 ID、上一次状态等，是解决闭包陷阱与性能优化的关键工具。

两道高频的关于JavaScript事件循环与异步执行的面试题与相关的解析，掌握这些核心概念，就能准确预测任何JavaScript异步代码的执行顺序

cross-env 是一个 Node.js 工具，用于解决不同操作系统间环境变量设置方式不一致的问题，支持 Windows、Linux 和 macOS平台。

HarmonyOS统一拖拽技术解析 本文深入剖析了HarmonyOS中的统一拖拽技术架构与实现方案。基于UDMF（统一数据管理框架）的核心设计，系统实现了跨应用、跨设备的标准化数据交互。文章首先

作为一个前端工程师，如何实现同一URL 根据设备加载不同页面的需求呢。这篇文章将用最通俗的语言提供一种最简单的方案

在网页开发中，弹框是最常见的交互组件之一。一个合格的弹框不仅要能“跳出来”，还需要处理好遮罩层、层级关系（z-index）、防滚动穿透以及用户便捷退出的体验。本文将从零开始带你实现弹框

在前端开发中，设计师有时会给出 10px 甚至更小的字体设计。然而，Chrome 等浏览器为了保证中文的可读性，默认限制了最小字号为 12px。。本文将带你梳理解决这一限制的几种方案及其优缺点。

本文分享了前端三个高频使用的agent-skills, vue-skills, react-skills, ui-skills, 让AI生成的代码风格更统一，更专业

子弈的 2025 年总结，包含 AI 实践、OpenManus 原理解析、Langchain 学习等

动画实际上就是一个视觉欺骗功能，一个前端如果不会视觉欺骗，那么针对很多效果将会手无足措，实际上学习动画的过程中，也能更好理解视觉欺骗，实际开发一些场景也会有更多实现方案

ECMAScript有6种简单数据类型（也称为原始类型）：Undefined、Null、Boolean、Number、String和Symbol。还有一种复杂数据类型叫Object（对象）。 Obje

在 UI 布局中，为了保证页面的整洁，我们经常需要对超出容器范围的文本进行截断并显示省略号（...）。针对不同的布局需求和浏览器兼容性，通常有三种主要的实现方案。