XanderDING

CategoryTree 性能优化完整演进史 在复杂后台系统中，树形结构（CategoryTree / OrgTree / MenuTree） 是性能问题的高发区

Intersection Observer 的实战方案 优化目标：长列表首屏渲染性能优化 1- 用户场景 关键问题：用户首次进入页面时，大部分工具并不在视口内，但初版实现会一次性渲染所有工具。 初版实

优化前的问题 原来的代码是这样的： 问题分析： 每次渲染都会为每个分类项创建一个新的箭头函数：() => onCategoryChange(category.slug) 假设有 20 个分类，就会创建

标题 一次“点一下就卡”的前端性能排查：为什么右侧卡片越多，侧边栏展开越卡？（CSS 动画触发 Reflow） 背景与现象 在一个 Next.js + React 的页面里，左侧有一个侧边栏（展开/收

单元测试实践：从零开始的学习之旅 前言 最近在做一个 AI 教学平台项目，随着代码量的增长，我越来越意识到一个问题：每次修改代码后，我都担心会不会影响到其他功能。尤其是密码验证这种核心功能，一个小改动

本说明基于自己毕设项目中“系统通知模块 (Notification / SSE)”的实现，重点讲清楚在前端从 **初始化环境 → 建立 SSE 连接 → 解析服务端事件 → 打印日志 ** 的完整技术

Vue3 实时音频录制与转写 Composable 技术实现 前言 本文介绍如何基于 Vue3 Composition API 实现一个实时音频录制与转写的 Composable

JavaScript事件循环机制解析：单线程通过调用栈、任务队列和事件循环处理异步操作。同步代码直接执行，异步任务分为宏任务（setTimeout等）和微任务（Promise.then等）。

本文探讨了防抖（Debounce）的概念、应用场景和实现方式。文章首先介绍了防抖的两种基本形式（尾触发和立即执行），分析了在高频触发场景下使用防抖的必要性，如防止重复调用接口和状态错乱等问题