前端开发
刷新
实战：用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> < ...

使用 vxe gantt 实现行拖拽排序

在项目管理或任务调度类应用中，允许用户通过拖拽调整任务的顺序是一项非常实用的交互功能。VXE Gantt 组件提供了简单易用的行拖拽排序支持，只需配置 rowConfig.drag 和列属性 dragSort 即可快速启用。 说明 甘特图全局配置 rowConfig.drag 开启行拖拽功能，允许用 ...

在 vxe-gantt 中使用里程碑配置项目关键节点

在项目管理中，里程碑是一个非常重要的概念，它用来标记项目中关键的时间点或重大事件，如“项目启动”、“需求评审完成”、“正式上线”等。与普通任务不同，里程碑不占用时间跨度，只表示一个时刻。 vxe-gantt 组件提供了对里程碑的原生支持。通过将任务的 type 设置为 VxeGanttTaskTyp ...

Markdown锚点跳转失败的解决办法

博主头像 Markdown 标题含特殊字符时，自动生成的锚点 ID 可能与目录链接不一致，用 <a> 标签手动定义锚点即可解决。 目录 前情提要 分析问题 解决方法 效果 前情提要 在浏览我前几天的一篇博文《Claude Code 终端高效使用指南》时，发现从目录链接无法跳转到标题 "五、快速前缀：/ ! @ ...

自定义实现 vxe-table 展开子表格的树结构复选框

在实际业务开发中，我们经常遇到主表格嵌套子表格，且需要在主表和子表上都提供复选框功能，并实现三态联动（全选、半选、未选）。本文将基于 Vue 3 + vxe-table 组件库，手把手教你实现一个支持父子表复选框联动的完整示例。 主表每行都有一个复选框，点击可同时控制其下所有子行；子表内部复选框单独 ...

vxeui 权限控制 vxe-table 根据用户权限隐藏对应按钮

vxe 组件内建了一套简洁的权限控制机制，它不依赖任何第三方库，能让我们灵活地控制组件（如按钮、链接等）的显隐和禁用状态。 这套机制的核心是 permissionMethod 全局配置，它定义了一个统一的权限校验方法。一旦配置好，只需在组件上添加一个 permission-code 属性，并传入对应 ...

JavaScript this绑定规则：告别踩坑指南！

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在JavaScript学习中，this绝对是“让人又爱又恨”的存在——它看似简单，用起来却总让人摸不着头脑，一不小心就踩坑。有人说它是“动态代词”，有人说它是“隐式传递的对象引用”，其实只要摸清它的绑定规则，就能轻松驾驭！今天就结合具体代 ...

vxe-table 单元格 Tooltip 内容过多时启用滚动条

在使用 vxe-table 时，单元格内容过长会触发 Tooltip 悬浮提示。但默认的 Tooltip 尺寸有限，当提示内容非常多（例如包含大量文字、自定义组件、列表等）时，会出现内容溢出、显示不全的问题。本文将介绍如何通过配置 tooltipConfig 及相关插槽，让 Tooltip 容器固定 ...

<1234···50>