- 博客(400)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CSS 实现图片无限轮播效果
其中特别要注意的是 109px 是每个内部的元素 所占据的空间 54px（图片的宽）+ 55px(图片的margin)实现原理 通过css的transform。5是 每个元素的数量。
2026-02-11 15:39:58
17
原创 vue 实现自定义message 全局提示
这段代码实现了一个Vue消息提示组件，具有以下特点： 组件支持四种消息类型（success/error/warning/info），每种类型显示不同图标和颜色 包含淡入淡出动画效果，自动消失功能（默认3秒） 响应式设计，适配移动端和PC端 通过createVNode和render函数将组件注册为全局方法 支持多条消息堆叠显示，每条消息间隔62px 使用时只需导入并调用对应类型的方法即可，如message.error("错误提示") 该组件提供了美观、易用的消息提示功能，适合在各类前端项目
2025-11-03 16:12:18
268
原创 当页面滚动时，让元素以动画的方式“显现（reveal）出来
1. 使用插件ScrollReveal 是一个用于实现「滚动进入视口时触发动画」的 JS 动画库。当用户滚动页面时，它能检测到哪些元素进入了可视区域（viewport），然后自动为这些元素添加等动画效果。常用于做：页面滚动时的产品展示页 / Landing Page 的等滚动进入时自动播放动画效果就是：当用户滚动页面到<h2>时，它会从底部向上淡入；紧接着<p>延迟 200ms 从左滑入。
2025-10-27 16:22:11
276
原创 移动端适配 rem vw、vh
rem 适配的核心是 “通过 JS 动态调整根元素（html）的 font-size，让 rem 单位随视口宽度变化”，从而实现全局元素的等比例缩放。
2025-08-26 14:55:58
991
原创 element ui el-table嵌套el-table,实现checkbox联动效果
该代码实现了一个嵌套表格组件，外层表格展示车辆组信息，内层展开显示具体车辆数据。主要功能包括：1）通过el-table实现两级表格结构，外层显示groupName和车辆数量，内层展示车辆详情；2）支持复选框联动选择，处理了父子表格间的选中状态同步；3）使用el-dropdown实现下拉菜单功能。数据结构采用vehicleGroupTableData数组存储分组和车辆信息，通过handleNestedCheckboxChange和handleSelectionGroupChange方法维护选中状态的一致性，包
2025-06-17 18:12:50
451
原创 gridstackjs 的使用
使用这种方式定义元素的宽高和位置，我的项目的设计稿的宽是1408px, 我这边把gird设置成12列 ，column:12,所以一列的宽度就是 1408/12= 117px, 然后第一个内部第一个元素的宽是180px,所以第一个元素的w是180/117 = 2 ， 内部元素的 每列的高度都是350px,所以我这边设置了cellHeight为122，因此 h 都是3 ，第一个元素的位置是x:0 y：0，（表示0列0行），第二个元素的位置是x:2 ,y:0 (表示从第二列开始 第0行)
2025-04-14 10:23:58
678
原创 python 爬取网站图片的小demo
我们可以使用 PyInstaller 来将这个 Python 脚本打包成 exe 文件。使用：先安装必要的库，
2025-04-03 18:45:00
367
原创 git clone 代码报错（生成ssh）
但是他的git账号被公司注销了，然后我这边git clone 代码 就出现了被拒绝。一、使用Git Bash终端 重新生成一个ssh密钥。添加完成之后，就可以通过ssh拉取提交代码了。三、复制这个密钥到 gitlab上面。二、查看生成的ssh,
2025-03-26 17:38:38
352
原创 vue3 hooks(组合式函数)
在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用的函数。当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了：它在接收一些输入后立刻返回所期望的输出。复用无状态逻辑的库有很多，比如你可能已经用过的或是。
2025-01-17 17:03:26
293
原创 vue3 自定义hooks
自定义 Hooks 是通过封装和复用 Vue 的响应式 API（如refreactivewatchcomputed等）和生命周期钩子（如onMounted等）来实现的一种功能模块化方案。通过自定义 Hooks，多个组件可以共享同一段逻辑，而不必重复代码。创建自定义 Hook自定义 Hook 是一个普通的函数，通常返回一个响应式的对象或者一组函数、状态，供组件使用。自定义 Hook 可以用来封装逻辑，比如处理异步请求、响应式数据、事件处理等。在组件中使用自定义 Hook。
2024-12-25 14:55:49
786
原创 JavaScript 错误 - Throw 和 Try to Catch的使用
trycatchthrow上面的代码 因为 try中 没有adddlert这个方法，或者这个方法有误，这时，代码会执行catch部分。JavaScript 实际上会创建带有两个属性的Error 对象name和message。
2024-08-23 11:58:39
1350
原创 vue elementPlus中使用dayjs
安装了elementPlus后无需再次下载dayjs,因为element 中包含了dayjs。使用方法和dayjs 官网一致。
2024-08-22 18:12:55
2280
原创 input 控制光标所在的位置
需求：鼠标一点击input输入框 就要将焦点至于 输入框的最后面，使用户不能在内容的中间 删除或者修改。可以通过length的值 设置光标处于 input输入框所在的位置。
2024-08-16 11:55:27
1172
原创 element plus el-select修改后缀图标
使用 element plus 提供的api。使用element plus自带的组件。
2024-08-08 09:30:19
1315
原创 uniapp 展示地图，并获取当前位置信息（精确位置）
根据获取到的经纬度 获取 位置信息(此处使用的是 高德地图的位置服务，通过高德地图的逆地理位置解析，获取定位到的经纬度的 位置信息)使用uniapp 提供的map标签。页面初始化的时候，获取当前的位置信息。
2024-06-12 16:37:42
2257
原创 antd vue a-select 搜索
数据结构 list: [ { name: "序号", id: 0, show: true }, { name: "出库单编号", id: 1, show: false }, { name: "wbs元素", id: 2, show: true }, { name: "序号1", id: 3, show: true }, { name: "出库单编号1", id: 4, show: false }, {
2024-06-07 14:44:27
581
原创 vue3父组件使用ref获取子组件的属性和方法
2.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名( <demo1 ref="demo1"/>)。1.<script setup> 中定义响应式变量 例如： const demo1 = ref(null)此时子组件用的是 export default 的写法。的组件，想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式，父组件可以正常获取到里面的属性和方法。此时父组件可以获取到子组件的count属性（来指定需要暴露给父组件的属性。
2024-05-23 14:31:48
4832
2
原创 python 安装 流程
1. 下载python解析器。（根据软件安装提示，傻瓜式操作。勾选 将其添加到path 环境变量）4. 创建一个.py后缀的文件，即为python文件。3. Vscode 软件中安装 python插件。下面是一个简单的 python小项目。2. 在Python环境中 安装。vscode 右上角运行改文件。模块 命令行中 运行。
2024-02-04 15:08:13
485
原创 element plus 使用ElMessage不生效或样式出现问题或出现在最底部
产生的原因是：使用了element plus的按需引入，然后在组件中 又import { ElMessage } from 'element-plus' 引入了一次，就会出现这个问题，解决的方法：将组件中的引入删除，直接使用 ElMessage.success('Successfully sent！
2024-01-05 17:34:11
7505
17
原创 原生 js 实现 验证码输入效果
原理： 第一个输入框获取焦点，输入完内容后，后面的自动获取焦点，当删除的时候，当前删除完之后，前面的自动获取焦点 删除。
2023-12-27 17:19:15
2131
原创 vue3 组合式pinia的使用 案例
需求：用户登录时，结合session实现永久化存贮个人信息。组件中修改pinia的值。组件中使用pinia。
2023-12-21 17:05:59
2044
Araxis Merge 差异对比文件， 两次解压缩 安装完文件后 将pj文件夹的两个文件放到 软件安装目录
2025-11-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人