- 博客(23)
- 收藏
- 关注
RSS订阅原创 javascript封装获取window.localtion.herf传递的参数的方法
【代码】javascript封装获取window.localtion.herf传递的参数的方法。
2025-12-17 10:01:41
105
原创 javascript封装一个支持Date对象、字符串、时间戳等多类型时间输入，并能将其转换为自定义格式字符串的时间格式化工具函数。
【代码】javascript封装一个支持Date对象、字符串、时间戳等多类型时间输入，并能将其转换为自定义格式字符串的时间格式化工具函数。
2025-12-05 17:49:52
65
原创 VUE3基于背景图实现的热力图demo
本文介绍了一个基于Vue 3的热力图可视化组件，用于展示多栋建筑物的人员密度分布。该组件具有以下特点： 动态配置：支持通过滑块调整各楼栋的热力值（人员数量） 交互功能：鼠标悬停可显示楼栋编号及当前人数 实时模拟：提供模拟数据按钮，可生成实时变化的热力图数据 响应式设计：根据人员密度自动调整热力颜色渐变效果 组件采用Vue 3的Composition API实现，包含数据模型、计算属性和生命周期方法，通过v-for指令动态生成楼栋元素，并支持通过滑块控制各楼栋人员数量。此外还实现了数据模拟功能，可动态展示热力
2025-10-23 09:55:59
339
原创 VUE+ElementUI中,封装子组件中有多个form表单的校验,需同时校验,供父组件调用校验通过与否
【代码】VUE+ElementUI中,封装子组件中有多个form表单的校验,需同时校验,供父组件调用校验通过与否。
2025-08-11 14:45:02
180
原创 如何在前端实现解压ZIP文件并展示内容的基本流程
/</</</// 为文件输入框添加change事件监听器'change'functione// 获取用户选择的文件对象const0;// 检查是否有文件被选中if!return;// 使用jszip库的loadAsync方法异步读取ZIP文件内容loadAsyncthenfunctionzip// 遍历压缩包中的所有文件keysforEachfunction// 获取压缩包中的单个文件const;// 异步获取文件内容（这里以blob格式为例）async'blob'then。
2025-07-17 09:51:59
1101
原创 VUE2——el-radio样式修改，圆圈变成方框，选中圆圈效果变成对号
本文介绍了如何自定义Element UI单选按钮样式，将圆形按钮改为正方形并添加白色对号选中标记。通过CSS修改，将默认圆形按钮设置为方形（border-radius:0），选中状态背景设为#005854色，并使用"✓"字符代替默认圆点。同时添加了鼠标悬停效果，改变边框颜色为蓝色。这些样式修改通过/deep/选择器实现，覆盖了Element UI的默认样式。
2025-07-11 15:30:05
398
原创 vue中,关于父组件通过v-model双向绑定传值(对象)给子组件,子组件修改值缺无法触发set的原因
这样可以明确区分哪些数据是通过事件更新的，哪些是直接修改的，使数据流更加清晰可控。这个现象是 Vue 响应式系统中一个容易混淆的点。被赋予了新的对象引用。
2025-07-10 15:54:31
448
原创 vue2中axios的baseUrl和跨域代理配置的优先级关系
在Vue2项目中，当axios的baseURL配置为"www.baidu.com"且代理配置为"/api"→"www.tudou.com"时： 开发环境下请求"/api/user"： 不会触发跨域，请求路径为"www.tudou.com/api/user"（代理转发） 代理服务器只检查请求路径前缀是否匹配"/api"，不关心axios的baseURL配置 生产环境下请求"/api
2025-07-09 12:22:55
1207
原创 关于promise.all并行处理多个异步转换任务，提高性能的小Tips
本文解析了异步编程中Promise.all与map组合的深层逻辑。通过示例代码展示了如何并行处理停车场的多层数据，核心要点包括： res.map生成异步转换的Promise数组 Promise.all实现并行处理和结果聚合 对比串行处理的性能优势 以工厂流水线类比说明其运作机制 适用场景包括需并行处理数组元素并保持顺序一致性的数据操作。该模式能显著提升前端处理树形数据等场景的性能和用户体验。
2025-06-11 18:43:21
321
原创 VUE —— el-table组件数据结构，实现精确筛选和模糊筛选数据
/ 如果不符合任何筛选条件，返回 false，表示该数据不显示。// 将搜索文本转换为小写，以便进行大小写不敏感的比较。// 初始化筛选后的数据，确保表格一开始显示所有数据。// 当搜索文本或搜索类型发生变化时，触发筛选逻辑。// 精确筛选：检查姓名字段是否完全匹配搜索文本。// 模糊筛选：检查姓名字段是否包含搜索文本。// 如果没有搜索文本，显示所有数据。// 用于存储筛选后的数据。// 将姓名字段转换为小写。
2025-05-22 17:22:26
502
原创 前端：获取时间范围五年前第一天和当前年最后一天
以上代码可用于一些需限制时间范围的时间组件内，例如Vant时间组件的min-date和max-date属性等。可根据自己需求灵活修改。
2025-04-23 17:04:38
155
原创 git将本地分支与远程分支关联
git fetch --allgit branch -agit checkout -b feature-branchgit branch --set-upstream-to=origin/feature-branch feature-branch
2025-02-25 10:50:49
403
原创 Vue 使用 ElementUi el-upload 手动上传文件限制同名文件
【代码】Vue 使用 ElementUi el-upload 手动上传文件限制同名文件。
2024-07-25 19:18:05
777
1
原创 Vue 使用 ElementUi el-upload 手动上传文件限制上传文件总大小
【代码】Vue 使用 ElementUi el-upload 手动上传文件限制上传文件总大小。
2024-07-25 19:11:26
823
原创 Vue 使用 ElementUi el-upload 手动上传文件限制上传文件类型
基础elementUi的el-upload组件，实现上传文件时，手动校验文件格式，不符合规则时并给出错误提示
2024-07-25 18:52:10
1244
原创 javaScript获取某个月第一天和最后一天
一些业务场景需获取某个月第一天和最后一天，此文章为javaScript实现获取某个月第一天和最后一天的其中一种方式
2024-07-08 10:18:42
874
原创 JavaScript 的try/catch/finally的使用场景
注：外层的try/catch无法捕获异步队列微任务、宏任务内的异常，要想捕获宏任务内的异常，try/catch代码只能写在微任务、宏任务代码内。如果try块作用域内执行setTimeout方法，从setTimeout定时器里面把错误err信息throw扔出来，catch外部是不能捕获的，因为setTimeout是在临时寄存器上执行的，所以不在一个栈上处理上下文的，错误err无法被捕获。场景二：在vue项目中，首页大屏的组件地址是可配置的，为防止用户输入错误的组件地址，导致无法加载页面路由组件，进不了页面。
2023-11-09 14:00:31
707
1
原创 vue封装下载方法，实现下载功能，下载excel，文件等（利用a标签实现下载）
【代码】vue封装下载方法，实现下载功能，下载excel，文件等（利用a标签实现下载）
2023-09-05 11:32:03
717
1
原创 项目中遇到的html标签属性用单引号导致标签无法被编译问题
先简述一下遇到的问题吧，很简单的问题卡了好久在进行项目过程中，因为html标签属性用了单引号包裹，导致标签无法编译，但是蹊跷的是在本地是没问题的，在测试环境中就会出现如下图所示场景，虽然最后找到原因解决了，但是还是没总结出官方解释，有大佬知道原因可以评论分享下，写个文章跟大家分享下，帮有需要的人填个坑 <td class="formTitle">{{$t("product.合同方式")}}<span>*</span></td>
2021-11-06 18:54:54
637
空空如也
事件参数e的属性不存在问题
2022-09-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人