前端开发
刷新
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 提供了拖拽列字段进行分组的功能，用户无需编写额外代码，只需通过简单的拖拽操作即可动态改变分组规则，极大提升了数据探索的灵活性。 核心特性 可视化拖拽：将列头直接拖拽至分组区域，即可按该列分组。 多级分组：支持同时拖入多个 ...

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

vxe-select 下拉框实现人员选择

在实际业务中，下拉选择人员是一个常见需求。本文介绍如何使用 vxe-select 组件实现一个带头像、状态标签、多选、搜索等功能的人员选择器。 效果 多选、清空、筛选 自定义选项模板（头像 + 姓名 + 状态标签） 下拉框尺寸定制 状态映射（离职/试用期） 代码 <template> <div> < ...

<1234···50>