XanderDING

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

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

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

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

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

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

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

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

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

Vue 3 Keep-Alive 深度实践：从原理到最佳实践 前言 初入职场，我被安排用 Vue3 制作公司官网，有 5-6 个静态页面。开发完成后，领导在测试时提出一个问...

Vue3 + Keep-Alive：实习中遇到的 window 滚动问题与实践 前景：实习项目中的困扰 在实习期间，我参与了公司项目的前端开发，页面主要包括首页（Home）...

页面栈溢出问题修复总结 1. 问题原因 在 uni-app 中，页面跳转会创建新的 webview，而页面栈数量存在限制（通常最多约 10 个）。...

​  Vue 3：我在真实项目中如何用事件委托 上一篇冒泡带了一嘴事件循环，这一篇就来讲讲吧 在开发项目的时候，我其实很早就知道“事件冒泡”“事件委托”这些概念，但真正让我...

​ 在做前端开发的这段时间里，事件冒泡（Event Bubbling）是我遇到机制。虽然概念并不复杂，但在复杂交互的项目里，如果我不小心处理不当，就会触发一些完全不该触发的...