vue 表格组件 vxe-table 修改滚动条样式，修改滚动条样式，统一宽度、颜色与自动隐藏
在不同浏览器中，原生滚动条的样式差异较大，且可定制的属性有限。vxe-table 提供了虚拟滚动条能力，启用后可跨浏览器保持一致的滚动条样式，并支持自定义宽度、背景色、自动隐藏等。本文介绍如何全局启用虚拟滚动条，以及如何统一调整宽度、颜色和自动隐藏行为。 功能概述 虚拟滚动条：通过 useScrol ...
印象笔记开源平替！一款开源&支持 AI 的自托管笔记工具！
edgeever —— 一款现代化的开源笔记与个人知识库工作区，提供经典印象笔记的三栏高效体验，同时具备完全开放的数据架构与原生 AI Agent 联动能力，让个人知识沉淀更轻量、更自由。 ...
安装弹窗关闭以后，异步操作结果应该留在哪里？
以 Termexo 0.10.14 的 Angular 安装服务为例，分析应用级状态、请求身份、计划复用和版本查询失败的处理边界。 ...
前端难点：Flex 布局里「表格/页面撑不满」—— min-height: 0 到底解决什么？
写在开头 点赞 + 收藏 学会 前端难点：Flex 布局里「表格/页面撑不满」—— min-height: 0 到底解决什么？ 摘要：B 端 Tab + 表格撑不满、双滚动条？根因是 flex 子项默认 min-height: auto。一文讲清布局链怎么修。 专栏：前端难点 ...
vue 表格组件 vxe-table 修改滚动条样式-原生滚动条和虚拟滚动条
在表格数据展示中，滚动条是不可或缺的交互元素。vxe-table 默认使用浏览器原生滚动条，但原生滚动条样式受浏览器限制，无法跨浏览器保持统一。通过 useScrollbar 启用虚拟滚动条后，可以自由定制宽度、颜色、自动隐藏等，实现跨浏览器一致的视觉效果。 概述 原生滚动条：默认方式，样式受浏览器 ...
vue 甘特图组件 vxe-gantt 修改滚动条样式-让滚动条自动隐藏
在甘特图中，内容区域通常较宽，滚动条会一直占据视觉空间。vxe-gantt 支持自定义滚动条样式，通过 scrollbarConfig.autoHide 可以让滚动条在不需要时自动隐藏，鼠标滚轮或拖拽内容时再显示，从而获得更简洁的界面效果。 功能概述 自定义滚动条：通过 useScrollbar: ...
面试翻车现场：`Array(100).map(() => 1)` 为什么全为空？
写在开头 点赞 + 收藏 学会 问题场景 群里有位同学在刷 LeetCode，想初始化一个长度为 100 的全 1 数组： const arr = Array(100).map(() => 1) console.log(arr.length) // 100 console.l ...
WEB前端学习笔记（1）：文档对象模型（DOM）
阅读背景 了解HTML、CSS、JavaScript的基本语法与概念 了解HTML、CSS、JavaScript三者之间的关系 了解接口、对象、实例三者之间的概念与关系 什么是文档对象模型（DOM）？ 文档对象模型（DOM，Document Object Model）是一种XML（Extensibl ...
vue 滚动条组件 vxe-scrollbar 实现无限滚动加载更多分页数据
vxe-scrollbar 是一个自定义滚动条组件，支持： 通过 h eight、width 设置容器宽高； 通过 x-config、y-config 自定义横向、纵向滚动条； 通过 scroll-boundary.threshold 设置边界阈值； 动到边缘阈值时触发 scroll-boundar ...
vue 表格组件 vxe-table 实现自定义多行编辑功能
需求与限制 vxe-table 内置的行编辑功能默认是单行编辑，同一时间只能激活一行。虽然它提供了 editConfig、editRules、CRUD 相关方法，但如果业务要求“同时编辑多行”，就需要自己维护编辑状态。 自定义多行编辑的核心思路很简单： 给每一行数据增加一个 isEdit 标记； 在 ...
一键打开！一款以键盘布局展示书签的浏览器插件！
newtab-naivetab —— 一款用键盘可视化展示书签的浏览器新标签页扩展插件，支持自由拖拽布局、深度自定义外观、专注模式、云同步等功能。 ...
TypeScript 自测题 · 「了解 / 熟悉」两档分级
用途：判断简历「专业技能」栏里 TypeScript 该写了解还是熟悉。 设计原则：不是通用题库，而是按面试官出题口径分级 —— 你写哪个词，对方就问到哪个深度。答不上来的那一档，就别写那个词。 最后更新：2026-10-07 0. 怎么用（三步） 先做第一档（30 题），不看答案，把不确定的题号圈 ...
vue 表格组件 vxe-table 复制单元格时去掉末尾换行符
在使用 vxe-table 的复制粘贴功能时，复制到剪贴板的文本默认会在末尾附带一个换行符。这在某些场景下（例如直接粘贴到 Excel）会导致多出一个空行。通过 clipConfig.trailingNewline 配置项，可以灵活控制是否保留这个末尾换行符 概述 复制粘贴：开启 keyboardC ...
纯前端生成海报下载方案
写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...
告别付费与隐私泄露！一套功能全面的 PDF 工具！
pdfcraft —— 一款隐私优先、浏览器端离线的 PDF 处理工具，无需上传到服务器，即可在线合并、拆分、压缩、转换和编辑 PDF 文件。 ...
AI自述——把背单词换成聊天，一个六级词汇渗透教练的设计与实现
不做卡片、不做测验，只用一个全英文对话教练，每天 20 分钟渗透 12 个目标词，只统计一个数字，就是你自己主动说出过的词。本文按实现过程记录，内容包括一份 5612 词的六级词典怎么从 65MB 的开源词库里流式抽出来、交叉核对后补齐 205 个漏标词，为什么「教练植入次数」和「我说出次数」必须分... ...
六颗骰子一只碗：用 React + TypeScript 实现闽南中秋博饼模拟器
博饼是闽南中秋的保留节目——六颗骰子一只碗，一家人围坐争状元。本文记录一个纯离线浏览器版博饼模拟器的完整实现：13 级奖项判定链为什么不能随意调顺序（一秀的真实概率是 37.29% 而非 40.19%）、状元比较键怎么抽象、规则层如何与 UI 彻底解耦，并用 27000 局、约 500 万次掷骰的实... ...
H5与小程序通信
写在开头 点赞 + 收藏 学会 一句话拿走：H5 嵌进小程序 web-view 后，想传数据、想跳转页面，靠的不是普通 JS，而是微信给的一根"桥"——这篇文章把这根桥的用法和最容易踩的 2 个坑一次讲清。 一、先说一个你可能正在经历的痛 你用 uni-app 辛辛苦苦写了一 ...
vue 表格组件 vxe-table 开源版：鼠标滑动选择多行
在数据批量操作场景中，逐行点击复选框效率低下。vxe-table 开源版本提供了范围选中能力：按住复选框列并向上或向下滑动，即可连续选中多行，操作方式类似 Excel 的拖拽填充，大幅提升批量选择效率。 功能概述 范围选中：通过 checkboxConfig.range 启用，鼠标按住复选框列拖动即 ...
vue 表格组件 vxe-table 选择单元格区域后生成图表
在数据分析场景中，用户往往希望选中表格中的一块数据区域后，直接生成可视化图表。vxe-table 结合官方插件 plugin-render-echarts，可以轻松实现这一能力：选中区域 → 右键菜单 → 生成柱状图/折线图/饼图，整个过程基于 ECharts 渲染，开箱即用。 功能概述 区域选取： ...