前端开发
刷新
MonkeyCode做代码生成器：从模板引擎到AI辅助的完整实战

博主头像 重复代码是程序员的天敌。MonkeyCode不仅能帮你写代码，还能帮你造"写代码的工具"——代码生成器。 代码生成器的价值 程序员的时间分配： 写新代码：30% 写重复代码：40% ← 这里可以优化！ 调试代码：30% 代码生成器把40%的重复劳动变成1次模板配置。 场景1：CRUD代码生成器 痛点 ...

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 能修改页 ...

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, ...

MonkeyCode新手入门：从注册到写出第一个完整项目

博主头像 MonkeyCode新手入门：从注册到写出第一个完整项目 很多人问我："MonkeyCode怎么上手？有没有入门教程？" 网上教程不少，但大多是功能介绍，看完还是不知道怎么动手。 这篇文章，我带你从零开始，用MonkeyCode完成一个能跑的完整项目——一个待办事项管理应用（Todo App）。 第 ...

实战：用MonkeyCode从0到1做一个完整的Web应用

博主头像 实战：用MonkeyCode从0到1做一个完整的任务管理Web应用 很多人问："AI写代码到底靠不靠谱？能不能做一个完整项目？" 为了回答这个问题，我做了一个实验：用MonkeyCode从0到1做一个完整的Web应用（任务管理系统，带用户登录、任务CRUD、权限管理）。 全程记录，不剪片，给你看真实 ...

css盒子模型和定位

博主头像 元素的溢出 就是子元素的尺寸大于父元素的尺寸 蓝色盖在这个红色上，子元素的超出了这个宽度 这个就是元素的溢出 如何解决了元素溢出呢？给父元素设置一个overflow，hidden 值，隐藏溢出的内容， .box1 { width: 100px; height: 200px; background-c ...

css属性

博主头像 字体属性 字体大小(font-size) p { font-zie: 14px } 可以设置字体的大小 px：像素，稳定和准确 %：把font-size设置为基于父元素的一个百分比值 字体粗细(font-weight) 设置字体的粗细不需要添加单位 # normal,bold,bolde三个常用选项 ...

为什么 sessionStorage 在不同 Tab 页不共享？

博主头像 ‍ 写在开头 点赞 + 收藏 学会 这是一个非常经典的前端面试题，也是实际开发中容易产生误解的地方。 简单直接的回答是：这是由 W3C 标准明确设计的。sessionStorage 的设计初衷就是为了“隔离”，而不是“共享”。 以下是详细的深度解析，帮助你彻底理解其中的逻辑： 1 ...

html笔记

博主头像 html简介 html是一个网页的主体部分，也是一个网页的基础，因为一个网页可以没有样式，可以没有交互，但是必须要用网页需要呈现的内容，所以html部分是整个前端的基础 html是超文本标记语言，一种用于创建网页的标记语言 html标签 html是一个标记语言，通过各种各样的标签来标记网页内容的 什 ...

有趣味的登录页它踏着七彩祥云来了

博主头像 ‍ 写在开头 点赞 + 收藏 学会 最近，有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视线 已经有大神（katavii）复刻了动画效果，并在github上开源了：github.com/katavii/ani… ，基于Reac ...

123···50>