顾辰呀-CSDN博客

原创 vue2-computed，vue3+watch 前端实现列表搜索，结合filter+some+indexOf

【代码】vue2-computed，vue3+watch 前端实现列表搜索，结合filter+some+indexOf。

2024-05-24 17:11:08 103

原创 html中使用原生js发起axios请求

【代码】html中使用原生js发起axios请求。

2024-05-23 17:15:19 57

原创 html文件中使用axios、vue、elemen发起请求

【代码】html文件中使用axios、vue、elemen发起请求。

2024-05-23 17:14:19 197

原创巨坑啊！ 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 259

原创 el-select 选择框底部增加按钮点击按钮滚动到选择框顶部

主要代码是在visibleChange 在这个 popper 里面找到 .el-select-dropdown__list。

2024-05-06 18:24:03 448

原创 vue2 实现echarts图表进入可视区域后再加载动画，以及使用了resize之后，动画失效问题解决

是一个现代的浏览器 API，用于监测一个或多个目标元素与其祖先元素或视窗（viewport）之间的交叉状态（intersection）的变化。它可以有效地监听元素是否进入或离开可视区域，从而实现一些懒加载、无限滚动、图表加载等需求。

2024-04-29 16:23:27 880

原创 vue 项目自适应 px转rem 插件postcss-pxtorem

我用的是vue-admin 框架 --force 忽略版本的问题。

2024-04-26 18:15:22 277

原创 toFixed() 保留小数不精准，大数据计算 bignumber.js、big.js

Big.js 是另一个类似于 Decimal.js 的高精度计算库，它也可以解决 JavaScript 浮点数计算的精度问题。Big.js 库可以用于保留小数位数。它提供了一些方法来控制保留小数的精度。：你也可以在全局范围内设置 Big.js 对象的默认小数位数。：如果只是想截断小数部分而不进行四舍五入，可以使用。方法可以保留指定的小数位数。：使用 Big.js 的。

2024-04-26 10:54:30 320 3

原创 elementui el-date-picker禁止选择今年、今天、之前、时间范围限制18个月

4、禁止选择指定日期之前的所有日期。1、禁止选择今年之前的所有年份。

2024-04-25 20:38:06 652 1

原创 echarts 堆叠柱状图顶部添加合计

series的第四项中的data需要为 data: [0, 0, 0] 顶部的统计才能显示出来。堆叠有3个，后面加了一个对象显示顶部的数据，其实主要的代码还是在series 的第四项，

2024-04-24 19:54:24 209

原创 Vue3性能优化之自定义指令实现图片懒加载

在图片没进入可视区域的时候，只需要让 img 标签的 src 属性指向一张默认图片，在它进入可视区后，再替换它的 src 指向真实图片地址即可。是一种常见性能优化的方式，进入网址时不全部加载图片当用户进入图片可视区域时加载不仅大大减少了服务器的压力也可以时首屏时间变短。我们这里把这个拆分代码，通过插件的方法把懒加载指令封装为插件，main.js入口文件只需负责注册插件即可。新建文件夹 directive/index.js。滚动到可视区域时，img中src赋值了就会自动发起请求。

2024-04-01 11:03:36 275

原创 element-ui的el-switch在修改值之前做二次确认操作

【代码】element-ui的el-switch在修改值之前做二次确认操作。

2024-03-28 11:28:25 566

原创数据精度问题，导致前后端数据和不一致，解决方案

id返回接口时转为字符串类型给前端。

2024-03-25 11:36:15 358

原创防抖函数

【代码】防抖函数。

2024-03-22 16:00:54 102

原创浏览器切换标签，setInterval倒计时不准确问题

最近做用户评论滚动用的计时器做的发现个问题屏幕缩小后一段时间显示有异常问题通过排查是导致的。

2024-03-21 14:26:36 392

原创 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 829