- 博客(71)
- 收藏
- 关注
原创 uniapp实现自定义弹窗组件,支持富文本传入内容
3.showModal组件实现,我做了个判断,如果传入的cancelText是空字符串,则只显示确认键。5.使用方式 、 在h5 会报错 所有 还是引入一下 小程序正常。4、在main.js挂载vuex和showModal。创建initModal.js。1.首先安装vuex。
2024-08-13 12:21:39
336
原创 如何使用js 判断在pc打开还是手机
另外,随着Web技术的发展,现代浏览器和Web应用越来越多地采用响应式设计(Responsive Design)和渐进式增强(Progressive Enhancement)的策略,以适应不同设备的屏幕尺寸和性能。因此,在很多情况下,你可能不需要直接判断用户是在PC还是手机上访问,而是应该通过CSS媒体查询(Media Queries)等技术来适应不同的设备和屏幕尺寸。不过,由于设备和操作系统的多样性,这个列表可能并不完整。这样的库,这些库提供了更全面的设备检测功能,但需要注意的是,它们也是基于。
2024-07-23 16:33:08
560
原创 Vue3中使用form的坑! 会导致表单所有的框都不能输入,element puls ui组件库的el-form,输入无效的问题
我先是这样写的 model和 ref 的值一样了 然后就导致了 整个表单都锁住了这2个值修改成不同的值就可以正常使用了
2024-07-04 15:42:18
122
1
原创 throw 和return的区别,A函数里面执行B函数 B函数异常后 不再执行A函数
returnreturn:用于从函数中返回一个值,并终止该函数的执行。:仅在函数内有效。:在需要从函数中返回一个值或提前退出函数时使用。:用于抛出一个异常,终止当前代码的执行,并将控制权交给最近的异常处理器(通常是语句)。:可以在任何地方使用,不局限于函数内部;会传播到调用堆栈的上层,直到找到一个catch块来处理它。:在遇到错误或异常情况时使用,需要停止执行并通知调用者有错误发生。
2024-07-02 20:37:27
246
原创 解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题
【代码】解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题。
2024-06-27 10:20:38
507
原创 实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化
【代码】实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化。
2024-06-18 15:03:54
313
原创 vue2 computed 、watch --vue3 computed 、watch
【代码】vue2 computed 、watch --vue3 computed 、watch。
2024-06-07 11:07:49
301
原创 vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf
【代码】vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf。
2024-05-24 17:11:08
306
原创 巨坑啊! before-upload返回false 会执行on-remove
通过对on-remove对应参数的打印,发现回调中的file参数有个status,若是是在before-upload中就被过滤了,就是ready,若是已经上传成功了去点击删除,status是success,就他了。//这里应该就是before-upload中返回false时的状况了,还有没有别的状况,未知。// console.log('删除完后剩下的图片', this.fileList)// console.log('删除图片', file)
2024-05-11 22:17:43
379
原创 el-select 选择框底部增加按钮 点击按钮滚动到选择框顶部
主要代码是在visibleChange 在这个 popper 里面找到 .el-select-dropdown__list。
2024-05-06 18:24:03
637
原创 vue2 实现echarts图表进入可视区域后再加载动画,以及 使用了resize之后,动画失效问题解决
是一个现代的浏览器 API,用于监测一个或多个目标元素与其祖先元素或视窗(viewport)之间的交叉状态(intersection)的变化。它可以有效地监听元素是否进入或离开可视区域,从而实现一些懒加载、无限滚动、图表加载等需求。
2024-04-29 16:23:27
1259
原创 toFixed() 保留小数不精准,精度,大数据计算 bignumber.js、big.js
Big.js 是另一个类似于 Decimal.js 的高精度计算库,它也可以解决 JavaScript 浮点数计算的精度问题。Big.js 库可以用于保留小数位数。它提供了一些方法来控制保留小数的精度。:你也可以在全局范围内设置 Big.js 对象的默认小数位数。:如果只是想截断小数部分而不进行四舍五入,可以使用。方法可以保留指定的小数位数。:使用 Big.js 的。
2024-04-26 10:54:30
576
3
原创 elementui el-date-picker禁止选择今年、今天、之前、时间范围限制18个月
4、禁止选择指定日期之前的所有日期。1、禁止选择今年之前的所有年份。
2024-04-25 20:38:06
1173
1
原创 echarts 堆叠柱状图 顶部添加合计
series的第四项中的data需要为 data: [0, 0, 0] 顶部的统计才能显示出来。堆叠有3个,后面加了一个对象显示顶部的数据,其实主要的代码还是在series 的第四项,
2024-04-24 19:54:24
411
原创 Vue3性能优化之自定义指令实现图片懒加载
在图片没进入可视区域的时候,只需要让 img 标签的 src 属性指向一张默认图片,在它进入可视区后,再替换它的 src 指向真实图片地址即可。是一种常见性能优化的方式,进入网址时不全部加载图片 当用户进入图片可视区域时加载 不仅大大减少了服务器的压力 也可以时首屏时间变短。我们这里把这个拆分代码,通过插件的方法把懒加载指令封装为插件,main.js入口文件只需负责注册插件即可。新建文件夹 directive/index.js。滚动到可视区域时,img中src赋值了就会自动发起请求。
2024-04-01 11:03:36
324
原创 浏览器切换标签,setInterval倒计时不准确问题
最近做用户评论滚动 用的计时器做的 发现个问题 屏幕缩小后一段时间 显示有异常问题通过排查是导致的。
2024-03-21 14:26:36
535
原创 VueUse常见方法使用
usePermission用于获取权限,使用其查看了clipboard-read和clipboard-write的权限,并将权限展示到页面上。Clipboard API 包括异步剪贴板 API(AsyncClipboard API)和 剪贴板事件 API(Clipboard Event API)。text是当前从剪切板读取到的文本,isSupported用于判断当前浏览器是否支持剪切板API,copy是将文本写入到剪切板的方法。从权限 Permissions API 获取权限之后,才能访问剪贴板内容。
2024-03-20 17:05:40
1597
原创 css flex 布局 flex-wrap: wrap; 一行中的最后一个去除间距
【代码】css flex 布局 flex-wrap: wrap;一行中的最后一个去除间距。
2024-01-19 10:36:52
648
原创 table表格中使用el-popover 无效问题解决
在el-table使用el-popover时不能简单的按照官网给的实例操作 实例只针对单个的按钮管用在表格里每一列都有el-popover相当于是v-for遍历了 所以我们在触发按钮的时候并不是单个的触发某一个。
2023-12-28 10:58:44
1271
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人