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个文件 ...
M3本地部署完整指南：从硬件选型到API服务
M3是开源模型，可以完全本地部署。本文手把手教你用最低成本把M3跑起来，数据不出内网，API成本归零。 硬件需求速查表 部署方式 显卡 内存 磁盘 推理速度 FP16（满血） 4×A100-80G 512GB 500GB ~40 TPS INT8量化 2×A100-80G 256GB 400GB ~ ...
M3原生多模态实战：图像、视频、桌面操作一把梭
GPT-4V、Claude 3 Opus都支持多模态，但M3是国内首个把"图像+视频+桌面操作"三合一的开源模型。配合MonkeyCode，这带来的不只是"看图说话"，而是真正的多模态编程助手。 M3多模态能力矩阵 输入模态 M3支持 典型场景 代码截图 ✅ 识别截图中的代码并分析Bug UI设计稿 ...
vxe-table 列宽控制：width、min-width 与 max-width 的配合使用
在开发数据表格时，合理的列宽设置能够显著提升用户体验。vxe-table 提供了 width、min-width 和 max-width 三种列宽属性，方便精细控制每一列的宽度设置。 参数 属性 类 作用 width Number 固定列宽。设置后该列将严格按照此宽度显示，不会被压缩或拉伸（除非内容 ...
vxe-table 进阶：同时使用 formatter 与 cell-render 实现格式化与样式定制
在开发表格组件时，我们经常需要完成两个任务：格式化原始数据（如数字千分位、日期格式化）和自定义单元格样式（如根据数值显示不同颜色、添加后缀）。 vxe-table 提供了 formatter 和 cell-render 两个配置项，二者可以组合使用，让数据逻辑与展示样式分离，达到更灵活的配置效果。 ...
MonkeyCode做代码生成器：从模板引擎到AI辅助的完整实战
重复代码是程序员的天敌。MonkeyCode不仅能帮你写代码，还能帮你造"写代码的工具"——代码生成器。 代码生成器的价值 程序员的时间分配： 写新代码：30% 写重复代码：40% ← 这里可以优化！ 调试代码：30% 代码生成器把40%的重复劳动变成1次模板配置。 场景1：CRUD代码生成器 痛点 ...
MonkeyCode构建API网关：从零到Kong/Nginx的全链路实战
所有微服务的统一入口：认证、限流、日志、灰度。API网关做对了，后端才能真正专心做业务。 API网关是什么？ 客户端请求 ↓ ┌─────────────────┐ │ API Gateway │ ← 所有请求的单一入口 │ ┌───────────┐ │ │ │ 认证鉴权 │ │ │ │ 限流熔断 ...
MonkeyCode构建GraphQL服务：从Schema设计到性能优化的完整实战
REST API的N+1问题、版本地狱、过度获取/获取不足，GraphQL一次性解决。用MonkeyCode，从0到生产级GraphQL服务。 REST的痛点：为什么换GraphQL？ 问题1：过度获取（Over-fetching） // REST: 获取用户信息，返回了你不想要的一堆字段 GET ...
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 能修改页 ...
vxe-table 导出 Excel 进阶教程：自定义样式与高级功能
vxe-table 不仅支持将表格数据导出为 .xlsx 文件，还提供了强大的自定义样式能力。通过 exportConfig.sheetMethod 钩子，你可以直接操作底层的 ExcelJS 工作表对象，对导出的 Excel 进行精细化样式设置，包括边框、字体、背景色、列宽、行高、超链接、图片等。 ...
vxe-table 拖拽列字段对数据进行分组
在数据表格中，将数据按某个字段进行分组展示是一种常见的需求。vxe-table 提供了拖拽列字段进行分组的功能，用户无需编写额外代码，只需通过简单的拖拽操作即可动态改变分组规则，极大提升了数据探索的灵活性。 核心特性 可视化拖拽：将列头直接拖拽至分组区域，即可按该列分组。 多级分组：支持同时拖入多个 ...
vxe-table 高性能渲染单元格图表：柱状图与饼图
在数据密集型表格中，将统计图表直接嵌入单元格，可以极大提升数据可读性与决策效率。vxe-table 原生支持柱状图（条形图）与饼图（含环形图、多饼混合）的单元格渲染，具备以下核心能力： 高性能：基于 Canvas 轻量绘制，配合虚拟滚动，支持万级数据流畅滚动。 高灵活性：支持自定义颜色、标签、提示框 ...
vxe-table 导出 XLSX 文件：自动展开分组并导出图片
在使用 vxe-table 导出 Excel（xlsx）文件时，如果表格包含数据分组（行分组），默认导出的文件会保持收拢状态。通过配置可以实现在导出的 Excel 中自动展开所有分组层级。另外，如果单元格中需要导出图片，则必须确保图片 URL 是有效且允许跨域访问的，否则图片无法导出。 安装导出插件 ...
MonkeyCode团队协作实战：让AI成为你的研发基础设施
MonkeyCode团队协作实战：让AI成为你的研发基础设施 独立开发 vs 团队协作 用MonkeyCode做独立开发3个月后，我开始想：这个工具在团队里能用吗？ 答案是：能用，而且比个人使用更划算。 这篇文章记录我在一个5人小团队中引入MonkeyCode的完整过程。 团队背景 团队规模：5人（ ...
js基础01
js版本更新，之前有些语法就是被淘汰了，就是不是很适配的，引入了一些新的语法规则，现在的浏览器都是用的新的规则 javascript历史 诞生：10 天紧急开发（1995） 作者：布兰登・艾奇（Brendan Eich） 公司：网景（Netscape），当年的浏览器霸主 时间：只用了 10 天就写出 ...
MonkeyCode入门必读：10个最常见的误区，你中了几个？
MonkeyCode入门必读：10个最常见的误区，你中了几个？ MonkeyCode火了之后，我看到了太多误解。 有人把它当"万能AI"，有人觉得它"不安全"，还有人觉得它"只适合新手"。 这篇文章，我澄清10个最常见的误区。 误区1："AI编程工具会取代程序员" 事实：AI取代的是重复性编码劳动， ...
vxe-table 数据分组：三种展示方式详解
在表格中展示分组数据时，不同的业务场景需要不同的层级呈现方式。vxe-table 提供了三种灵活的分组展示模式，通过 aggregateConfig.mode 参数即可轻松切换。 指定列按层级展示 说明：默认是参数 aggregate-config.mode=default 是自定根据分组字段按层级 ...
flex布局
flex简介 任何一个容器指定为flex布局 实现条件：至少有后代关系的 弹性布局 特点：2根主轴线 主轴，默认从左到右(水平) 交叉轴：默认从上到下(垂直) 父元素(开启弹性布局)，子元素就是在里面灵活的布局 父元素常用的属性 display display有很多的值，设置flex布局 none, ...