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 万次掷骰的实... ...
vue 表格组件 vxe-table 开源版：鼠标滑动选择多行
在数据批量操作场景中，逐行点击复选框效率低下。vxe-table 开源版本提供了范围选中能力：按住复选框列并向上或向下滑动，即可连续选中多行，操作方式类似 Excel 的拖拽填充，大幅提升批量选择效率。 功能概述 范围选中：通过 checkboxConfig.range 启用，鼠标按住复选框列拖动即 ...
vue 表格组件 vxe-table 选择单元格区域后生成图表
在数据分析场景中，用户往往希望选中表格中的一块数据区域后，直接生成可视化图表。vxe-table 结合官方插件 plugin-render-echarts，可以轻松实现这一能力：选中区域 → 右键菜单 → 生成柱状图/折线图/饼图，整个过程基于 ECharts 渲染，开箱即用。 功能概述 区域选取： ...
vue 甘特图组件 vxe-gantt 拖拽任务自动对所有关联的任务进行排期
vxe-gantt 甘特图组件支持任务依赖关系，开启联动配置后，拖拽任务条移动 / 拉伸，会自动根据依赖规则重新计算、更新所有关联任务的时间，非常适合项目管理场景。 参数说明 通过两个配置项开启依赖联动自动排期： taskBarMoveConfig.isSyncLinkTask: true：拖拽移动 ...
iNeuOS工业互联网，Web组态增加三维（3D）模型渲染、标注、巡检、预警功能
iNeuOS工业互联网的视图建模（Web 组态）3D 渲染：作为组态体系中的一类"元件"，支持接入真实三维模型（设备/产线/站房），并叠加部件级标注、巡检巡游、实时预警三类业务能力，实现"2D 画面 + 3D 数字孪生"的混合组态。 ...
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vxe-table 提供了强大的数据代理（Proxy）能力，只需配置好数据源和表单项，即可自动完成数据加载、分页、查询、重置等操作，从每个页面重复编写冗余代码中解放出来。本文将介绍如何通过 proxyConfig 配置 Ajax 查询接口、分页以及表单代理，并给出完整示例与注意事项。 功能概述 自动 ...
vue 甘特图组件 vxe-gantt 修改关键路径连接线的颜色和线类型
在项目管理甘特图中，关键路径是决定项目最短工期的任务链。vxe-gantt 默认以红色高亮关键路径上的任务条与依赖连线。如果默认样式与项目配色不协调，可以通过 taskCriticalPathConfig 灵活自定义关键路径连接线的颜色和线类型。 参数说明 默认样式：开启 taskBarConfig ...
