前端开发
刷新
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> < ...

使用 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 组件库，手把手教你实现一个支持父子表复选框联动的完整示例。 主表每行都有一个复选框，点击可同时控制其下所有子行；子表内部复选框单独 ...

123···50>