javascript
Jiang_JY
!! 开发问题可联系作者 !!,后续会发布更多的前后端文章,感谢关注,共同进步
展开
-
vue 中实现音视频播放进度条(可拖拽,满足常见开发需求)
该款插件可作为音频、视频播放的进度条,用于控制音频、视频的播放(播放进度、暂停开始、播放倍速、自定义刻度 等)。同时,插件提供了多方面的配置选项,使用者可以通过个性化配置来达到自己想要的效果(下面会对配置项进行详解),拓展性极高。在播放的过程中插件会返回当前播放的播放信息(如当前播放到的秒(进度)、进度条被拖拽时的回调、进度条拖拽后的回调等),根据这些返回信息,我们拿到后根据实际的需求来做不同处理就可以实现控制播放的效果。原创 2024-02-24 15:34:39 · 3609 阅读 · 14 评论 -
vue 项目打包图片没有打包进去问题解决
vue 项目打包,项目中引用了的图片没有被打进包里,导致打包后的项目图片缺失。原创 2024-02-24 15:25:12 · 919 阅读 · 0 评论 -
前端导出下载文件后提示无法打开文件
对返回的响应数据进行打印,发现响应数据为字符串格式,前期规划的后端返回数据应该 blob 对象的。后经排查后发现是...原创 2024-02-24 14:56:54 · 910 阅读 · 0 评论 -
vite 项目提示 Buffer is not defined 问题解决
在 vite 搭建的 vue3 项目中使用 Buffer 对象报错 Buffer is not defined。1、首先安装...原创 2024-02-24 14:30:53 · 909 阅读 · 0 评论 -
UglifyJS 对 js 文件进行压缩
UglifyJS 是一款对 JS 代码进行压缩的工具。用法...原创 2024-02-24 14:15:35 · 350 阅读 · 0 评论 -
Vue packages version mismatch 报错解决
npm run dev 运行项目的过程中,报错 Vue packages version mismatch。原创 2024-02-24 13:31:16 · 1377 阅读 · 0 评论 -
Property “_showTooltip“ must be accessed with “$data._showTooltip“ because properties...报错解决
vue2 项目开发过程中报错:Property “_showTooltip” must be accessed with “$data.showTooltip" because properties starting with “$” or "” are not proxied in the Vue instance to prevent conflicts with Vue internals.作者百度过后,发现网上出现这个问题的原因有很多,但是对照自己的代码并没有得到什么帮助。排查过后,问题是...原创 2024-02-24 11:53:51 · 304 阅读 · 0 评论 -
vite 中配置打包入口
【代码】vite 中配置打包入口。原创 2024-02-24 10:59:15 · 563 阅读 · 0 评论 -
clearInterval 清除计时器后,定时器回调还执行问题解决
在使用 setInterval 的过程中,通过 clearInterval 清除定时器后回调函数依旧执行了一次才被清除。原创 2024-01-25 16:31:54 · 675 阅读 · 0 评论 -
js 中对象的键名为变量的表示方法
js 中想要实现对象的键名是变量可以使用下面两种表示方法:...原创 2024-01-25 10:28:37 · 662 阅读 · 0 评论 -
echarts 去掉x轴或y轴中的刻度线(分割x轴数值的线)
【代码】echarts 去掉x轴或y轴中的刻度线(分割x轴数值的线)原创 2024-01-24 16:55:08 · 1030 阅读 · 0 评论 -
elementplus 中 select 选择器下拉框样式无法修改问题
遇到需要修改 elementplus 中下拉框 el-select 样式的需求,但是发现在添加了 scoped 属性的 style 标签,并且使用了 deep 样式穿透的情况下并不能修改其样式。原创 2024-01-24 15:46:26 · 1126 阅读 · 0 评论 -
vue3 中 ref 获取组件实例的用法
1、在元素上添加 ref 属性2、创建组件实例对象3、在函数中使用原创 2024-01-24 14:44:58 · 1110 阅读 · 0 评论 -
vue 本地中导入 maptalks
1、进入 github 中 maptalks 文件下载页面。2、...原创 2024-01-24 13:56:51 · 537 阅读 · 0 评论 -
iframe 页面中获取父级页面的 localStorage 或者 sessionStorage数据
在开发的过程中遇到需要在 iframe 页面中获取父级页面系统所存储的本地数据的需求。由于浏览器的安全策略,是不允许 iframe 页面直接获取系统的存储数据的,那么要如何解决呢?原创 2024-01-24 11:04:06 · 1556 阅读 · 0 评论 -
vue3 项目中 arguments 对象获取失败问题
在 vue3 项目中获取到的 arguments 对象与传入实参不符,打印出函数中的 arguments 对象如下...原创 2024-01-20 11:29:55 · 847 阅读 · 0 评论 -
js中实现 base64 与文件格式互转
【代码】js中实现 base64 与文件格式互转。原创 2024-01-20 11:01:31 · 638 阅读 · 0 评论 -
Failed to execute ‘atob‘ on ‘Window‘: The string to be decoded is not correctly encoded.报错解决
根据报错提示不难看出,是需要...原创 2024-01-20 10:34:48 · 829 阅读 · 0 评论 -
jquery 合并table表格行或列
【代码】jquery 合并table表格行或列。原创 2024-01-09 16:25:07 · 529 阅读 · 0 评论 -
jquery 实现简单的标签页效果
width;height;float;text-align;;color;margin;#dvborder;width;height;;;原创 2024-01-09 16:02:28 · 422 阅读 · 0 评论 -
vue3 组合式 API 在 onMounted 中调用 dom 报错 Initialize failed: invalid dom.
在开发的过程中,项目中需要用到 echarts,引入后在渲染的过程中报错了:Initialize failed: invalid dom.这个,作者在以前也遇到过这种情况,在 vue2 中正常来说将 echarts 图表渲染操作放到 mounted 或者 $nextTick 函数中就可以了。但是在 vue3 的项目中作...原创 2024-01-09 15:31:25 · 871 阅读 · 0 评论 -
jQuery 实现输入框密码的显示及加密
通过监听眼睛图标的...原创 2023-12-08 09:01:06 · 283 阅读 · 0 评论 -
type property can‘t be changed 报错问题解决
在使用 jQuery的 attr 方法对 input 输入框的 type 类型进行修改的时候报 type property can’t be changed 这个错误。原创 2023-12-07 17:37:22 · 165 阅读 · 0 评论 -
vue中 process.env 对象为空对象问题
今天在处理vue项目环境问题的时候,发现直接打印 process 对象和打印 process.env 时 env 对象输出结果是不一样的,如下图所示:在网上搜索了一番后发现还是有挺多朋友对此感到疑惑的,询问了同事,同事说可能是node环境和浏览器环境有差异的原因,但具体原因尚不清楚,所以在使用的时候应该通过 process.env 的方式查看 env 对象的内容。原创 2023-11-08 17:26:32 · 501 阅读 · 0 评论 -
vue中实现订单支付倒计时
创建订单后15分钟内进行支付,否则订单取消。原创 2023-08-15 11:02:59 · 1064 阅读 · 0 评论 -
深入浅出 js 中 this 的指向问题
原本直接调用 fun 函数(即上面的函数调用模式)this 指向的是 window ,通过使用使用call、apply、bind 三个方法将 fun 函数中的 this 指向了 obj 对象。,作为⾃⼰的 this 值,并且由于没有属于⾃⼰的 this ,所以是不能被 new 调⽤的,这个所谓的。箭头函数不同于传统 JavaScript 中的函数,箭头函数并没有属于⾃⼰的 this,它所谓的。根据上面的代码衍生出了一个问题,如果是一个多层的对象,那么 this 指向谁呢?根据输出结果可以得出,原创 2022-10-10 09:27:23 · 746 阅读 · 0 评论 -
vuex中mapActions的概念及用法
一般情况下我们会在组件中使用 this.$store.dispatch() 来触发 action ,想要调用多少个 action 就需要调用多少次 dispatch() ,而使用 mapActions 的话只需要将组件中往 mapActions 中传入与 action 同名的函数,然后调用这些函数即可触发对应的action。了解了 mapActions 大概是用来干什么的之后,下面来介绍一下 mapActions 的具体用法。简单来说 mapActions 就是。原创 2022-09-21 08:18:38 · 10212 阅读 · 0 评论 -
elementUI设置上传图片的格式、大小限制
属性绑定的事件中可以获取上传图片的信息对象,通过给这个信息对象内的属性添加判断条件就可以实现对视频的格式及大小进行限制。原创 2022-09-20 07:43:15 · 3265 阅读 · 0 评论 -
elementUI实现上传视频时获取视频时长以及设置视频格式、大小限制
属性绑定的事件中可以获取上传视频的信息对象,通过给这个信息对象添加判断条件就可以实现对视频的格式及大小进行限制。对于视频时长,也包含在信息对象中,根据下面代码所示方法提取即可。原创 2022-09-19 22:47:20 · 2624 阅读 · 0 评论 -
js中创建对象的5种方法
与object构造函数模式类似,通过自定义一个构造函数,再进行new操作创建对象需要创建多个类型确定的对象。每个对象都有相同的数据,浪费内存。原创 2022-09-17 23:14:45 · 12854 阅读 · 0 评论 -
js中终止forEach循环的方法
想要终止forEach循环使用 return 的话,只能跳出本次循环执行下一次循环,并不会终止forEach循环。原创 2022-09-17 11:14:05 · 3903 阅读 · 0 评论 -
vue中$root的用法
【代码】vue中$root的用法。原创 2022-09-17 08:55:20 · 3405 阅读 · 0 评论 -
Javascript中扩展运算符的作用及使用场景
扩展运算符(…)是ES6新增的一个运算符,下面来介绍一下它的使用场景及作用。原创 2022-09-05 15:52:27 · 1397 阅读 · 0 评论 -
vue中实现滚动条一直保持在底部
vue中实现滚动条一直保持在底部原创 2022-09-04 13:49:40 · 4488 阅读 · 6 评论 -
vue组件中实现监听vuex中的数据变化
vue组件中实现监听vuex中的数据变化原创 2022-09-04 13:36:51 · 2057 阅读 · 0 评论 -
js实现视频的下载
js实现在浏览器中下载视频原创 2022-09-01 20:38:40 · 1877 阅读 · 0 评论 -
vue中使用$emit传递多个参数
vue中使用$emit传递多个参数原创 2022-09-01 09:14:52 · 11510 阅读 · 0 评论 -
js对象继承的5种方法
1、原型链继承假设现在有a,b两个函数,b函数的实例如果想要访问a函数的属性和方法。就可以通过b函数的原型(b.prototype)指向a的实例(new a())来实现,这种继承方法就称为原型链继承。代码实现:这里用 parent 和 child 分别表示上述的 a 和 bfunction parent(){ this.a = '111'}function child(){}child.prototype = new parent()var c = new child()c原创 2022-04-15 21:37:49 · 4418 阅读 · 0 评论 -
vue路由懒加载
正常情况下的路由加载import Home from '@/components/home.vue'const router = new VueRouter({ routes: [ { path: '/home', component: Home } ]})下面介绍路由懒加载的3种方式:1、方案一(常用):使用箭头函数+import动态加载const Home = () => import('@/components/home.vue')const router = n原创 2022-03-25 12:27:56 · 1696 阅读 · 0 评论 -
js实现数组扁平化的6种方法
概念数组扁平化就是将一个多维数组转换为一个一维数组[1,[2,[3,4,5]]] ==> [1,2,3,4,5]实现方法下面就来介绍一下js中实现数组扁平化的6种方式:1、递归实现普通的递归思路很容易理解,就是通过循环递归的方式,一项一项地去遍历,如果每一项还是一个数组,那么就继续往下遍历,利用递归程序的方法,来实现数组的每一项的连接。let arr = [1, [2, [3, 4, 5]]];function flatten(arr) { let result = [];原创 2022-02-12 16:00:55 · 16599 阅读 · 3 评论