自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(71)
  • 收藏
  • 关注

原创 统计文字 字节长度 函数 返回字节长度

【代码】统计字节函数 字节返回长度。

2024-08-20 15:13:50 66

原创 输入框通过逗号分割成数组 支持中文逗号和英文逗号

【代码】输入框通过逗号分割成数组 支持中文逗号和英文逗号。

2024-08-14 10:30:14 245

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

原创 实现左侧分类 右侧展示 以及搜索 及显示英文字母

【代码】实现左侧分类 右侧展示 以及搜索 及显示英文字母。

2024-07-08 11:47:36 187

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

原创 el-table 固定前n行 配合 max-height 生效

row-class-name="TableRowClassName" 加上类名。

2024-06-18 10:29:39 457

原创 vue2 computed 、watch --vue3 computed 、watch

【代码】vue2 computed 、watch --vue3 computed 、watch。

2024-06-07 11:07:49 301

原创 el-select 远程搜索 实战 使用

【代码】el-select 远程搜索 实战 使用。

2024-06-03 17:45:39 144

原创 在 Vue中实现检索文本高亮功能

【代码】在 Vue中实现检索文本高亮功能。

2024-05-28 10:44:59 377

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

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

2024-05-24 17:11:08 306

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

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

2024-05-23 17:15:19 303

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

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

2024-05-23 17:14:19 345

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

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

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

2024-04-26 18:15:22 683

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

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

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

2024-03-28 11:28:25 765

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

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

2024-03-25 11:36:15 552

原创 防抖函数

【代码】防抖函数。

2024-03-22 16:00:54 111

原创 浏览器切换标签,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

原创 使用 reduce 求和使用场景,必学!

【代码】使用 reduce 求和。

2024-03-19 16:15:39 509

原创 前端实现 查询包含分页 以及封装table表格 上手即用!

【代码】纯前端实现 查询以及分页。

2024-03-12 11:33:56 503

原创 Element table 实现表格行、列拖拽功能 以及指定区域拖动

【代码】Element table 实现表格行、列拖拽功能。

2024-02-23 16:21:32 2419 1

原创 vue中实现拖拽排序功能

【代码】vue中实现拖拽排序功能。

2024-02-23 14:22:40 526

原创 npm设置淘宝镜像

这将把 npm 镜像源设置为淘宝镜像,这样每次使用 npm 安装依赖包时都会从淘宝镜像源获取。,则说明设置已经生效。

2024-02-23 11:54:18 643

原创 js通过配置对象 解决代码冗余问题

【代码】js通过配置对象 解决代码冗余问题。

2024-02-01 18:09:28 392

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

原创 伪元素 after 动态添加内容

attr(data-after) 这个是关键。

2023-12-19 14:33:39 594

原创 获取当前主机地址 url 地址中的参数

【代码】获取当前主机地址 url。

2023-11-16 15:16:39 72

原创 uniapp 前端 验证码功能 生成数字字母验证码

【代码】uniapp 前端 验证码功能 生成数字字母验证码。

2023-11-14 17:15:31 290

vue3 纯前端 验证码功能

vue3 纯前端 验证码功能

2023-11-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除