vue 表格组件 vxe-table 自定义树表格连接线的样式类型和线颜色
树表格连接线用于直观表达父子层级。vxe-table 通过 treeConfig.showLine 开启连接线后，还可以进一步自定义线型（实线 / 虚线 / 点线）和颜色。颜色有两种设置方式：treeConfig.lineColor 组件级配置，以及 CSS 变量 --vxe-ui-table-tr ...
vue 表格组件 vxe-table 树表格连接线的使用
树表格的层级关系如果只靠缩进表达，层级较深时不易辨认。vxe-table 通过 treeConfig.showLine 开启树节点连接线，用线条直观展示父子层级；还可通过 showRootLine 控制根节点是否显示连接线，并通过 lineColor、lineType 自定义线条颜色与样式。连接线支 ...
浏览器端素材压缩与上传实践：从 Canvas 到 WebCodecs 与 FFmpeg 回退
本文介绍浏览器端素材上传的完整处理链路，重点解决图片与视频超限问题。图片通过Canvas等比缩放与质量压缩，逐级优化至2MiB内；视频则优先使用WebCodecs硬件编码，结合分辨率降级、码率预算与FFmpeg WASM回退，确保在20MiB内完成转码。强调“先确认后处理”原则，避免无谓资源消耗，并... ...
一词一画！一款面向雅思考生&开源可视化的背单词应用！
word-atlas —— 词光，一款以插画和语境为核心的雅思背词应用。不同于传统单词 APP, 词光把雅思词汇做成图鉴，一词一画，搭配发音、例句、智能间隔复习，还提供了极具氛围感的 3D 词汇星图。 ...
从打开 HTML 到实时 3D 世界：游戏的加载、运行与画质原理全解析
一个不到2MB的HTML文件，通过内嵌Three.js引擎与程序化生成资源，实现3A级视觉效果。浏览器加载后，利用WebGL2、GLSL着色器与Canvas 2D实时构建场景、材质与音效，无需外部下载资源。页面结构分层清晰：HTML提供容器，CSS控制界面，JavaScript驱动逻辑，GPU负责渲... ...
vue 表格组件 vxe-grid 自定义插槽模板的用法详解
vxe-grid 的自定义插槽非常灵活，单元格可以渲染图片、按钮、格式化文本，甚至多个元素的组合。插槽支持两种写法：模板插槽（Vue template 中的 #xxx_default）与 JSX 插槽（在列配置中直接返回 JSX）。两者能力等价，选择取决于项目是否已启用 JSX。本文说明两种写法的用 ...
vue 表格组件 vxe-table 实现编辑之前同步与异步权限验证是否允许编辑
在可编辑表格中，并非所有行或单元格都允许编辑。常见需求是：点击编辑时先校验当前用户是否有权限，无权限则提示并阻止进入编辑态。vxe-table 提供两个拦截入口：同步的 beforeEditMethod 与异步的 beforeEditAsyncMethod。两者能力不同，异步方案存在明确的交互限制， ...
书法库（cnshufa.com）：14000+历代名家书法碑帖名作高清全卷大图在线浏览鉴赏平台
如果你是书法爱好者，一直在找一个能沉浸式欣赏历代名作、无门槛细赏笔墨细节的线上宝库，那这个宝藏站点一定要收藏——书法库。它不是零散的书法图片堆砌，而是国内少有的体系完整、精度拉满的历代书法名作高清数据库，不管是入门新手还是深耕多年的书家，都能在这里找到专属的书法乐趣。 全站14000+名作，打 ...
南京一个会员小程序：从 3.6 秒到 1.4 秒的加载提速复盘
上篇聊三板斧的通用方法，这篇把真实项目摊开：怎么量、按什么顺序动刀、哪几刀我们主动没砍，代码和踩坑都在里面。 ...
vue 表格组件 vxe-table 实现传统 ERP 那样表头放筛选框的筛选渲染方式
传统 ERP 系统习惯把筛选输入框直接放在表头下方或上方，而不是点击图标后弹出面板。vxe-table 通过 floatingFilterConfig 提供这种“浮动筛选”渲染方式：每一列的表头直接渲染一个筛选组件，输入即筛选，无需额外弹窗。筛选框显示在表头下方还是上方，由 position 控制。 ...
vue 表格 vxe-table 如何让下拉筛选弹窗根据屏幕自动更新位置
表格筛选面板默认渲染在表格容器内部，当表格靠近屏幕边缘或容器设置了 overflow: hidden 时，面板容易被裁剪或超出可视区域。vxe-table 提供 filterConfig.transfer 配置，将筛选面板传送到 body 下渲染，使其脱离容器裁剪，并能根据可视空间自动调整弹出方向。 ...
端口占用一键释放！一个强大的跨平台端口管理工具！
port-killer —— 一个专为开发者打造、跨平台的端口管理工具，提供端口监控，Kubernetes 端口转发，集成 Cloudflare 隧道，一键关闭进程等功能。 ...
记录一种很新的大屏开发方式
写在开头 点赞 + 收藏 学会 介绍 之前我们做项目遇到需要做园区建筑、楼宇场景开发的模块，都是交给第三方团队去做，处理模型，再搭建三维场景，最后由前端接进大屏，这样做的问题是需要另外掏钱、且前期有不少沟通成本、后期有不少维护成本。 最近 AI 已经可以操作电脑、运行三维软件 ...
终极工具包！一个自托管全能 Web 工具箱！
omni-tools —— 一款可自托管、浏览器端运行的全能 Web 工具箱，内置图片、音视频、PDF、文本、JSON、时间、编码转换等数十种工具，涵盖日常办公和开发需求。 ...
可私有化部署！3 个宝藏开源在线海报设计工具！
大家好，我是 Java陈序员。 在日常生活工作中，常常需要做公众号封面、活动海报、电商配图、营销物料等。很多小伙伴依赖稿定、Canva 等平台，但商用版权、会员付费、数据托管常常让人头疼。 今天，给大家分享 3 款高质量的开源在线图片设计编辑器，支持私有化部署、二次开发，企业、开发者、自媒体都能用得 ...
vue 表格组件 vxe-table 实现将用户自定义列设置/个性化列功能保存到本地
用户在工具栏中调整了列的显示隐藏、顺序、宽度、冻结状态后，刷新页面往往全部丢失。vxe-table 的自定义列（customConfig）支持把用户的个性化设置持久化到 IndexedDB 或 localStorage，刷新后自动恢复。本文说明启用方式、必填前提，以及 customConfig 与全 ...
vue 表格组件 vxe-table 树表格懒加载支持拖拽排序的详细用法
树表格的懒加载与拖拽排序单独使用时都比较直观，但组合在一起时有几个关键点：懒加载的行默认必须先展开过才允许拖拽到其子节点；若要拖拽到尚未加载的节点，需要额外开启自动加载或自动展开配置。本文说明如何配置、两种方案的差异，以及数据获取方式。 vxe-table 树表格懒加载如何开启拖拽排序？ 在 row ...
用 AI 开发了一个 Github 图片预览浏览器插件！
github-image-preview —— 一个无需新开标签页、在 GitHub 上点击图片即可原地预览的浏览器插件，支持放大/缩小、拖拽平移、下载原图、多图切换等功能，同时兼容 Chrome、Edge、Firefox. ...
用 Vue 3 + Electron 做桌宠：从启动退出到拖拽、单击与鼠标穿透
写在开头 点赞 + 收藏 学会 一个角色能在桌面上动起来，只是桌宠开发的开始。真正影响使用体验的，往往是几个看似普通的问题：重复启动会不会出现两个宠物？关闭设置窗口后应用还在不在？拖动人物为什么会误触单击？透明窗口为什么挡住了后面的软件？退出时配置是否来得及保存？ 本文以我开 ...
vue 下拉树组件 vxe-table-select 实现分页多选
vxe-table-select 是 vxe-table 体系中的下拉选择组件，下拉面板本身就是一个表格，继承了 vxe-table 的配置化能力。通过 multiple 开启多选、配置 gridConfig.pagerConfig 启用分页，再监听 page-change 事件换页取数，即可实现分 ...