ant-design-pro —— 蚂蚁集团基于 React、Umi、Ant Design 打造的企业级中后台前端脚手架,提供完整的布局、权限、路由、组件模板功能,适合快速开发管理系统。 ...
在实际业务中,一个表格往往需要同时支持多种选择操作——例如“批量删除”和“批量导出”各自独立勾选,或者需要根据角色、权限展示不同的复选框列。vxe-table 提供了强大的插槽机制,允许你完全自定义表头和单元格的内容,从而轻松实现多列独立复选框,并且每一列的全选、半选状态都可以由业务逻辑单独控制。 ...
在企业级开发中,随着项目规模扩大,统一管理表格组件的默认行为、图标和主题变得越来越重要。vxe-table 通过 VxeUI 这个通用全局实例,提供了 setConfig、setIcon 和 setTheme 三个核心 API,让你可以一键调整所有表格实例的默认配置,极大提升开发效率和维护体验。 全 ...
Vxe UI 是一套功能强大的 Vue 组件库,提供表格(vxe-table)、甘特图(vxe-gantt)、设计器(vxe-design)以及基础 UI 组件(vxe-pc-ui)等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时,官方为每个子库都提供了对应的 Nuxt 模块,其中 vxe ...
Vxe UI 是一套功能强大的 Vue 组件库,提供表格(vxe-table)、甘特图(vxe-gantt)、设计器(vxe-design)以及基础 UI 组件(vxe-pc-ui)等丰富功能。在 Nuxt 4 项目中使用 Vxe UI 时,官方为每个子库都提供了对应的 Nuxt 模块,其中 vxe ...
vxe-table 是一个功能强大的 Vue 表格组件库,但它依赖浏览器 DOM 环境,无法在服务端渲染(SSR)时直接运行。在 Nuxt 3 项目中使用 vxe-table 时,需要借助 Nuxt 模块进行配置,并将表格组件包裹在 中以确保仅客户端加载。 本文将从安装、模块配置到具体使用,提供完整 ...
在数据编辑场景中,用户经常需要将某个单元格或区域的内容快速复制到下方单元格。vxe-table 提供了类 Excel 的填充功能:选取区域后按下 Ctrl + D 键,即可将选中区域最上方单元格的值依次填充到下方单元格。 本文将通过完整示例,讲解如何通过 areaConfig.isFillByCop ...
电脑本地时钟往往存在偏差,而在浏览器端由于协议限制无法使用标准 NTP,且寻找可靠 API 时间源也有些困难。本文分享 Full Clock 项目中采用的模拟校准策略:基于“往返延迟对等”假设,结合多家稳定 API 配合权重算法,实现百毫秒级的视觉同步。 ...
在数据报表或管理系统中,经常需要按某个字段对数据进行分组,并计算每组的统计值(如求和、平均值),同时在表格底部显示所有数据的合计。vxe-table 提供了灵活的聚合配置 aggregateConfig 和自定义计算函数 calcValuesMethod,配合手动表尾 footerData,可以轻松 ...
说了这么多理论,来点硬的。我把一个10万行的老旧Django项目扔给M3,看它能不能帮我重构。结果超出预期。 项目背景 项目:内部CRM系统 语言:Python 2.7 → 目标Python 3.11 框架:Django 1.8 → 目标Django 5.0 代码行数:~100,000行(87个文件 ...
M3是开源模型,可以完全本地部署。本文手把手教你用最低成本把M3跑起来,数据不出内网,API成本归零。 硬件需求速查表 部署方式 显卡 内存 磁盘 推理速度 FP16(满血) 4×A100-80G 512GB 500GB ~40 TPS INT8量化 2×A100-80G 256GB 400GB ~ ...
GPT-4V、Claude 3 Opus都支持多模态,但M3是国内首个把"图像+视频+桌面操作"三合一的开源模型。配合MonkeyCode,这带来的不只是"看图说话",而是真正的多模态编程助手。 M3多模态能力矩阵 输入模态 M3支持 典型场景 代码截图 ✅ 识别截图中的代码并分析Bug UI设计稿 ...
在开发数据表格时,合理的列宽设置能够显著提升用户体验。vxe-table 提供了 width、min-width 和 max-width 三种列宽属性,方便精细控制每一列的宽度设置。 参数 属性 类 作用 width Number 固定列宽。设置后该列将严格按照此宽度显示,不会被压缩或拉伸(除非内容 ...
在开发表格组件时,我们经常需要完成两个任务:格式化原始数据(如数字千分位、日期格式化)和自定义单元格样式(如根据数值显示不同颜色、添加后缀)。 vxe-table 提供了 formatter 和 cell-render 两个配置项,二者可以组合使用,让数据逻辑与展示样式分离,达到更灵活的配置效果。 ...
重复代码是程序员的天敌。MonkeyCode不仅能帮你写代码,还能帮你造"写代码的工具"——代码生成器。 代码生成器的价值 程序员的时间分配: 写新代码:30% 写重复代码:40% ← 这里可以优化! 调试代码:30% 代码生成器把40%的重复劳动变成1次模板配置。 场景1:CRUD代码生成器 痛点 ...
所有微服务的统一入口:认证、限流、日志、灰度。API网关做对了,后端才能真正专心做业务。 API网关是什么? 客户端请求 ↓ ┌─────────────────┐ │ API Gateway │ ← 所有请求的单一入口 │ ┌───────────┐ │ │ │ 认证鉴权 │ │ │ │ 限流熔断 ...
REST API的N+1问题、版本地狱、过度获取/获取不足,GraphQL一次性解决。用MonkeyCode,从0到生产级GraphQL服务。 REST的痛点:为什么换GraphQL? 问题1:过度获取(Over-fetching) // REST: 获取用户信息,返回了你不想要的一堆字段 GET ...
登录的练习 点击事件和键盘事件 获取输入框的内容,判断用户名和密码是否正确 不管有没有登录成功,都会将输入框里面的内容清空 回车和点击登录都能实现登录 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta na ...
dom是什么? dom就是将html页面变成js能操作的对象 dom就是网页在js里的换身 js里面选择对应的元素成为dom,操作dom 为什么需要dom呢? 访问dom.操作dom,让这个网页动起来 dom作用 把 HTML 变成 JS 能认识的对象树 让 JS 能获取页面元素 让 JS 能修改页 ...
vxe-table 不仅支持将表格数据导出为 .xlsx 文件,还提供了强大的自定义样式能力。通过 exportConfig.sheetMethod 钩子,你可以直接操作底层的 ExcelJS 工作表对象,对导出的 Excel 进行精细化样式设置,包括边框、字体、背景色、列宽、行高、超链接、图片等。 ...