vue 表格卡顿的最终解决方法，秒级渲染大数据量表格列表
在日常业务开发中，当表格数据量达到数百甚至数千行时，页面卡顿、滚动掉帧、白屏等现象频繁出现，严重影响用户体验。vxe-table 从 4.19+ 版本开始，对虚拟滚动进行了深度优化——不仅在 Windows 和 macOS 上流畅支持触摸板、鼠标滚轮和键盘滚动，更彻底解决了滚动白屏问题，滚动体验丝滑 ...
西柚资产管理系统 V0.5 发布：统一身份认证与 AI 智能能力全面升级
西柚资产管理系统 V0.5 更新日志 发布日期：2026-06 重点更新 V0.5 版本重点围绕企业组织集成能力与 AI 智能化能力进行升级，实现统一身份管理、组织架构同步以及智能数据处理能力，为企业资产管理提供更加高效、智能的解决方案。 统一身份认证升级 新增第三方登录支持 支持企业用 ...
vue 甘特图 vxe-gantt 实现 table 表格与甘特图拖拽双向联动、拖拽添加，拖拽移除
在复杂的项目管理场景中，任务数据往往分散在不同的视图中——一部分任务在表格中展示，另一部分在甘特图中呈现。如果能让用户在表格和甘特图之间自由拖拽任务，实现数据的跨视图联动，将极大提升任务编排的效率。 vxe-gantt 通过 row-drag-config.isCrossTableDrag 配置，支 ...
vue 甘特图 vxe-gantt 的使用（四）：周视图的渲染
在项目排期管理中，周视图是一个兼顾颗粒度与可读性的理想选择——它既能清晰展示任务在一周内的分布，又不会像天视图那样因时间轴过密而难以阅读。vxe-gantt 提供了灵活的周视图渲染能力，支持 默认模式 和 精确模式 两种粒度，满足从周计划到精细化排期的各种需求。 说明 vxe-gantt 通过 ta ...
vue 表格 vxe-table 如何获取已修改的单元格数据
在数据管理系统中，用户对表格进行编辑后，我们往往需要快速定位哪些行或单元格被修改，以便提交到后端进行增量更新。vxe-table 内置了 CRUD 管理器，可以自动追踪数据变更行为。只需开启 keepSource 配置，即可通过 getUpdateRecords 和 getUpdateCells 方 ...
前端如何让图片、视频、pdf等文件在浏览器直接下载而非预览
写在开头 点赞 + 收藏 学会 为什么会触发浏览器预览而不是下载？ 当我们尝试在前端实现文件下载时，经常会遇到浏览器直接打开文件（如 PDF、图片）进行预览，而不是弹出下载框的情况。这通常是由以下两个核心原因导致的： HTML5 download 属性的同源限制（核心原 ...
分享一篇后台管理系统的通用skills
写在开头 点赞 + 收藏 学会 name: "zsy-crm-admin" description: "zsy-crm-admin 项目开发助手。包含项目结构、Element Plus+SCSS 布局规范、CRUD 开发指南。当涉及 zsy-crm-admin 项目开发任务时 ...
前端h5娱乐游戏 状态、倒计时和断线恢复
把实时骰子 做活动 H5 的时候，小游戏经常被低估。 很多人以为它只是一个页面：点按钮、播动画、等服务端返回结果。真正做过实时对战类小游戏才知道，难点不是 UI，而是时序。 我之前做过一个酒吧互动 H5，里面有一个实时骰子游戏。用户报名后匹配对手，进入对局，双方轮流叫骰，可以开骰，可以淘汰，可以复活 ...
手写高性能在线 JSON 工具｜Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
本文深度剖析纯前端 JSON 工具的完整实现。基于 Web Worker 彻底解决大文件解析卡顿；自研智能语法修复引擎；并分享 esbuild 独立构建 Worker + manifest 映射的工程化最佳实践，附完整性能基准测试数据。 ...
我把那个迭代了 18 个版本的 SDK 整个掀翻重写了：stock-sdk v2 升级手记
stock-sdk 历经 18 个 v1 版本、门面类膨胀至 105 个扁平 getXxx 后，于 v2 推倒重来：API 收拢为命名空间，subpath 支持按需 tree-shaking，数据契约与 SdkError 统一，normalizeSymbol 收敛符号格式，CLI/MCP/Playg... ...
从 Web 到桌面：基于 Tauri 2.0 + Vue 3 打造 vivo 线下门店「大头贴」拍照体验系统
本文介绍 vivo 线下门店「大头贴」拍照合成打印一体化桌面应用软件的技术方案。该项目基于 Tauri 2.0 + Rust + Vue 3 构建，实现了手机实时投屏、智能拍照、Live Photo 处理、模板合成、视频生成、跨平台打印等核心能力，为门店用户提供沉浸式拍照体验。 ...
你点的“刷新”是假刷新？前端路由的瞒天过海术
写在开头 点赞 + 收藏 学会 为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。 前言 你有没有注意过，现在很多网站（比如知乎 ...
极致轻量化！一个纯前端的多功能在线工具站！
FreeTool —— 一个纯前端的多功能在线工具站，提供实用的日常工具。所有工具（除翻译外）均在本地运行，数据不会上传到服务器，部分 AI / OCR 工具首次使用时会下载模型并缓存到浏览器本地。 ...
vue vxe-table 复制数据到 Excel：支持带表头复制
在日常数据处理中，用户经常需要将表格中的数据复制到 Excel 进行二次编辑或存档。vxe-table 提供了强大的剪贴板功能，通过简单的配置即可实现复制单元格区域时自动包含表头，让粘贴到 Excel 的数据完整且规范。 配置 配置项 类型 说明 clipConfig.isCopyHeader Bo ...
Cesium 导航模块设计
Cesium 导航模块设计 js/cesium/navigation/ 是 3D 地图 iframe 内的 路线预览 + 实时导航 子系统。对外通过 createCesiumNavigation(viewer, options) 创建实例，由 js/cesium/index.js 在路线查询、换层、 ...
使用 vxe-table 树表格实现产品列表与明细关联展示
在电商、库存管理等业务场景中，产品通常以“分类 → 子产品”的层级结构存在。例如“手机”类别下包含多款具体型号，“笔记本电脑”下包含多个配置版本。使用传统的平铺表格难以直观表达这种父子关系。 vxe-table 提供了强大的树形表格（Tree Table）功能，能够将带有父子关系的数据渲染为可展开/ ...
使用 vxe-table 实现产品分组列表（按大类分组）
在后台管理系统中，经常需要将数据按照某个字段（如产品类别、部门、状态）进行分组展示，以便用户快速浏览和汇总信息。vxe-table 提供了强大的数据分组功能，只需简单配置即可实现按指定字段分组，并为每个分组生成汇总行，同时支持自定义分组标题和内容。 本文将演示如何基于 vxe-table 实现按产品 ...
vue表格使用 vxe-table 展开行实现产品列表与明细列表
在实际业务中，主从表（Master-Detail）是一种常见的数据展示形式，例如产品列表下包含多个订单明细、项目下包含子任务等。vxe-table 提供了强大的展开行（Expand Row） 功能，允许用户通过点击展开按钮，在主行下方嵌入子表格或其他自定义内容，完美实现主从数据的关联展示。 本文将介 ...
vxe-table 列拖拽排序与行拖拽排序：让表格布局任意排序
在数据表格中，除了展示数据，用户往往还希望根据自己的习惯调整列的顺序或行的顺序。vxe-table 提供了列拖拽排序和行拖拽排序功能，只需简单的配置即可启用，并且支持获取排序后的结果，方便持久化保存。 本文分别介绍列拖拽排序和行拖拽排序的配置方法，并提供完整示例。 配置说明 配置项 类型 说明 co ...
vxe-table 列宽与行高拖拽调整：让表格布局随心所欲，拖拽功能非常强大
在数据表格应用中，允许用户通过拖拽调整列宽和行高是提升交互体验的重要功能。vxe-table 提供了简洁的配置项来启用这两项能力，让表格布局更加灵活。 配置说明 配置项 类型 说明 columnConfig.resizable Boolean 设为 true 后，所有列均可通过拖拽调整宽度。 col ...