刷新
vxe-table 实现多列独立复选框:灵活实现复杂业务逻辑

在实际业务中,一个表格往往需要同时支持多种选择操作——例如“批量删除”和“批量导出”各自独立勾选,或者需要根据角色、权限展示不同的复选框列。vxe-table 提供了强大的插槽机制,允许你完全自定义表头和单元格的内容,从而轻松实现多列独立复选框,并且每一列的全选、半选状态都可以由业务逻辑单独控制。 ...

vxe ui 组件库在 Nuxt 中的集成与使用

Vxe UI 是一套功能强大的 Vue 组件库,提供表格(vxe-table)、甘特图(vxe-gantt)、设计器(vxe-design)以及基础 UI 组件(vxe-pc-ui)等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时,官方为每个子库都提供了对应的 Nuxt 模块,其中 vxe ...

vxe ui 组件库在 Nuxt 中的集成与使用

Vxe UI 是一套功能强大的 Vue 组件库,提供表格(vxe-table)、甘特图(vxe-gantt)、设计器(vxe-design)以及基础 UI 组件(vxe-pc-ui)等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时,官方为每个子库都提供了对应的 Nuxt 模块,其中 vxe ...

vxe-table 在 Nuxt 中的集成与使用

vxe-table 是一个功能强大的 Vue 表格组件库,但它依赖浏览器 DOM 环境,无法在服务端渲染(SSR)时直接运行。在 Nuxt 3 项目中使用 vxe-table 时,需要借助 Nuxt 模块进行配置,并将表格组件包裹在 中以确保仅客户端加载。 本文将从安装、模块配置到具体使用,提供完整 ...

vxe-table 实现 Excel 风格向下复制填充(Ctrl + D 键)

在数据编辑场景中,用户经常需要将某个单元格或区域的内容快速复制到下方单元格。vxe-table 提供了类 Excel 的填充功能:选取区域后按下 Ctrl + D 键,即可将选中区域最上方单元格的值依次填充到下方单元格。 本文将通过完整示例,讲解如何通过 areaConfig.isFillByCop ...

[Full Clock 技术复盘] 一、浏览器前端如何实现百毫秒级时间校准?时间 API 推荐、模拟 NTP 算法原理及局限

博主头像 电脑本地时钟往往存在偏差,而在浏览器端由于协议限制无法使用标准 NTP,且寻找可靠 API 时间源也有些困难。本文分享 Full Clock 项目中采用的模拟校准策略:基于“往返延迟对等”假设,结合多家稳定 API 配合权重算法,实现百毫秒级的视觉同步。 ...

vxe-table 实现数据分组统计与表尾合计

在数据报表或管理系统中,经常需要按某个字段对数据进行分组,并计算每组的统计值(如求和、平均值),同时在表格底部显示所有数据的合计。vxe-table 提供了灵活的聚合配置 aggregateConfig 和自定义计算函数 calcValuesMethod,配合手动表尾 footerData,可以轻松 ...

M3实战:用MonkeyCode重构一个10万行项目

博主头像 说了这么多理论,来点硬的。我把一个10万行的老旧Django项目扔给M3,看它能不能帮我重构。结果超出预期。 项目背景 项目:内部CRM系统 语言:Python 2.7 → 目标Python 3.11 框架:Django 1.8 → 目标Django 5.0 代码行数:~100,000行(87个文件 ...

vxe-table 进阶:同时使用 formatter 与 cell-render 实现格式化与样式定制

在开发表格组件时,我们经常需要完成两个任务:格式化原始数据(如数字千分位、日期格式化)和自定义单元格样式(如根据数值显示不同颜色、添加后缀)。 vxe-table 提供了 formatter 和 cell-render 两个配置项,二者可以组合使用,让数据逻辑与展示样式分离,达到更灵活的配置效果。 ...

MonkeyCode构建API网关:从零到Kong/Nginx的全链路实战

博主头像 所有微服务的统一入口:认证、限流、日志、灰度。API网关做对了,后端才能真正专心做业务。 API网关是什么? 客户端请求 ↓ ┌─────────────────┐ │ API Gateway │ ← 所有请求的单一入口 │ ┌───────────┐ │ │ │ 认证鉴权 │ │ │ │ 限流熔断 ...

js案例

博主头像 登录的练习 点击事件和键盘事件 获取输入框的内容,判断用户名和密码是否正确 不管有没有登录成功,都会将输入框里面的内容清空 回车和点击登录都能实现登录 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta na ...

js--dom对象和dom对象操作

博主头像 dom是什么? dom就是将html页面变成js能操作的对象 dom就是网页在js里的换身 js里面选择对应的元素成为dom,操作dom 为什么需要dom呢? 访问dom.操作dom,让这个网页动起来 dom作用 把 HTML 变成 JS 能认识的对象树 让 JS 能获取页面元素 让 JS 能修改页 ...

123···50>