大明88

在数据展示中，我们经常需要对表格进行合并操作，特别是层级合并，以便更清晰地展示具有层次结构的数据。 我实现了递归的算法，用 AI 优化为基于队列的形式。 最后用 AI 生成...

mouseenter 和 mouseleave 事件因其“不冒泡”和“只在元素边界穿越时触发”的特性，常被用于实现悬停效果（如显示工具提示、菜单展开等）。然而，在某些场景下...

在 JavaScript 中，数组的空项（empty slots）是指数组中未被显式赋值的索引位置，如 [1, , 3] 中的第二个元素。这些空项在访问时返回 undefi...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

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

一、滚动锁定的必要性 当模态框（Modal）、侧边抽屉（Drawer）等组件被激活时，为防止背景内容滚动造成的视觉干扰和操作失误，通常需要锁定页面滚动。然而，直接设置 bo...

前端错误收集是保障用户体验、排查线上问题的关键手段。本文将从多个角度详解前端错误收集的各种方式，包括不同框架（如 React、Vue）、JavaScript 执行环境中的同...

在开发复杂表格组件时，实现固定表头、固定列和表格内滚动等功能通常需要将表头和内容区域分离。然而这种分离会带来一个常见问题：表头和内容区域的单元格宽度不一致导致对不齐。本文将...

一个很简单的 PR， 背后链接一起个很完整的开源贡献故事线，我很兴奋的想和大家分享。我想这其中的某些个流程或许对你有些帮助...

Vue 中导致 detached 元素产生的常见行为 在 Vue 应用中，detached 元素指的是已经从 DOM 树中移除但仍然被 JavaScript 引用着的 DO...

如何处理公共组件 在 Vue 或 React 开发中，当多个页面需要复用同一个组件时，组件的存放目录应该遵循以下原则： 推荐方案：提取到公共文件夹 独立于具体页面 如果组件...

windows环境中，当你在 Git 中切换分支或者拉取代码时，换行符从 LF (Line Feed) 变成了 CRLF (Carriage Return + Line F...

虚拟滚动白屏问题的处理方案，为了解决白屏问题，我们可以引入一个代理滚动条（Proxy Scrollbar）。代理滚动条的作用是监听用户的滚动行为，并将滚动事件同步到主滚动条...

transition场景下主动触发浏览 强制重绘的概念 在分析SortableJS源码时，我们注意到一个有趣的repaint函数实现： 这个看似简单的函数实际上触发了浏览器...

Vue2 中使用 ResizeObserver 实现元素尺寸变化监听 概述 在现代前端开发中，响应式设计变得越来越重要。我们需要知道元素尺寸何时发生变化，以便做出相应的布局...