自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 对象键值排序,对象类型排序

先上代码原理我们使用Object.keys方法获取对象键的数组。下一步是使用Array.sort()方法对键数组进行排序。此时,我们有一个包含对象键的排序数组。我们要做的最后一件事是使用Array.reduce方法迭代排序的键数组并将每个键值对分配给一个对象。我们传递给方法的函数被数组中的每个元素(键)调用。我们提供了一个空对象作为变量的初始值。在每次迭代中,我们将键值对分配给对象并返回结果。在最后一次迭代之后,该对象包含按排序顺序排列的所有键值对。确保将一个空对象作为第二个参数传递给该

2024-07-22 14:34:33 69

原创 js绑定事件无效?有时有效有时无效?等一会就有效了?js绑定事件在本地有效上线后出现概率无效?

js绑定事件无效?有时有效有时无效?等一会就有效了?js绑定事件在本地有效上线后出现概率无效?

2024-07-01 14:54:25 193

原创 关于火狐浏览器的,记住密码不对和图片加载失败问题

1火狐浏览器在记住密码时是记住了加密后的密码,导致后面填充失败,2在火狐上传时图片路径包含中文无法解析问题

2024-06-21 14:52:05 709

原创 在vue和uniapp中使用 websocket并封装js

在vue和uniapp中使用 websocket并封装js

2024-06-13 10:10:29 738 1

原创 wangEditor 5 实现排除指定的哪些菜单

wangEditor 5 实现排除指定的哪些菜单

2024-05-22 17:39:16 267

原创 vue3+wangEditor 5 的图片自定义上传

第二就是返回的传输路径需要使用insertFn方法再插入进富文本框。的图片上传参数无法满足需求所以需要用自己的上传来覆盖原先的上传。需要注意headers里的对象和原生的是否一致。完整代码,这个是封装的富文本组件的内容。在这里需要注意在进行post请求时,覆盖原生的图片上传操作方法是。这个是Editor.vue。

2024-05-22 17:32:05 949

原创 ol地图小方法

ol小方法

2024-04-28 10:51:27 99 1

原创 ol地图实现模仿百度地图的范围搜索

ol地图实现范围搜索

2024-04-28 10:39:05 289 1

原创 openlayers ol的3857编码格式地图在vu中实现反向遮罩,

实现ol的4326编码格式的反向遮罩

2024-04-28 10:25:57 247 1

原创 ol基于4326编码的地图遮罩与反向遮罩

在vue中使用ol来创建遮罩

2024-04-26 16:46:46 264

原创 threejs多点位贝塞尔曲线实现, 多阶贝塞尔曲线的生成

threejs的贝塞尔曲线的生成方法不论是THREE.CubicBezierCurve3还是THREE.QuadraticBezierCurve3本质上都是 调用内部的方法计算返回曲线上的点,所以要实现多点位的贝塞尔曲线就是调用数学方法生成曲线的点。

2024-03-28 10:21:04 496

原创 Vue3视图强制刷新,解决数据跟新视图没变的情况

此方法可以解决ref,reactive定义的响应式数据更新视图未更新的小问题。

2024-03-08 11:21:43 1744

原创 离线地图使用openlayers安装后无法使用的问题

在直接使用npm i ol 后报错无法使用,后来不论是使用重新安装依赖还是更改node版本都不能解决。我这里使用的node版本是16.14.2 ,npm 版本是8.5.0,最终解决办法 将 ol 版本降到 6.8.1 即可。

2023-12-12 09:29:50 470

原创 vue ie低版本 报错SCRIPT5022: SecurityError sockjs.js (1683,3)

ie低版本 报错SCRIPT5022: SecurityError sockjs.js (1683,3)

2023-11-01 14:51:55 692

原创 vue高性能虚拟滚动列表

虚拟列表的组件封装

2023-09-26 15:08:36 207

原创 js数组排序

原生排序方法

2023-06-25 14:49:46 89

原创 动态加载组件

然后再data中选择一个数值作为加载参考,在改变时变更组件。

2023-06-14 10:42:09 66

原创 vue请求的封装

首先是对于请求的拦截和处理,我一般是在utils里建立js进行封装。在页面使用时建议使用异步封装调用。然后就可以封装一些简单的请求。在main.js绑定即可使用。

2023-06-09 14:19:44 1065

原创 实现字母按顺序出现,到z后按照aa,ab,ac...

使用时{{getRowLabel(index)}} 传入下标即可。

2023-05-26 16:03:05 80

原创 在uniapp中的 canvas的粒子自由扩散背景效果

【代码】在uniapp中的 canvas的粒子自由扩散背景效果。

2023-05-26 15:56:04 549

原创 uniapp截取视频第一帧的图片,或者任意一帧

【代码】uniapp截取视频第一帧的图片,或者任意一帧。

2023-05-26 15:53:20 3226 2

原创 关于uniapp原生的scollview的横向移动判断问题解决

在使用scollview时uniapp官方的文件并没有直接告诉你应该如何去判断到左边和右边的距离,那么我们应该如何判断有没有触底呢,在面临像轮播图一样控制左右指示器出现或者消失的时候我们应该如何计算。这里前后两张图片是指示器,中间是内容。

2023-05-26 15:51:00 270

原创 关于使用 z-swiper 3d流的的方法

这个组件的功能是在uniapp上实现3d效果轮播图,效果可以,但是功能上差一些,需要我们自己来弥补。首先是滑动的时候会出现因为惯性效果页面上显示的已经到第4个但是下标还在第三个的情况。,是在uniapp中使用,本文章是为了解决一些使用这个组件时的需求来创作的。中间是图片结构,我们在切换地时候会去实现botimg2的选中状态切换。移动开始的方法里我们记录下开始时的下标,在移动的时候进行更新。未来解决问题我们在互动开始和动画结束的时间分别做处理。这里的options是。

2023-05-26 15:44:53 725

原创 js数据过滤

处理数据格式 张三|15988888888;李四|15999999999;张三|15988888888;李四|15999999999。

2023-04-20 10:35:21 85

原创 监听左右划

【代码】监听左右划。

2023-04-04 14:07:29 40

原创 那如何得到某一天所在星期的开始和结束日期?

获取本周起始时间

2023-02-07 17:12:50 117

原创 vue项目中百度地图自定义图标的点使用本地图片,icon本地图片不显示问题

因为require它是打包工具所需要的标识,当我们通过变量去定义的话,它就没办法进行打包。添加ruquire即可。

2022-10-12 10:11:08 768

原创 配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用

配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用

2022-09-22 11:02:43 2595

原创 vue 简单上下跳动,可用于时间背景水印

【代码】vue 简单上下跳动,可用于时间背景水印。

2022-08-31 11:02:50 216

原创 a标签的运用

a标签的运用。

2022-08-09 15:53:47 111

转载 css选择器

E:nth-of-type(n) 它是父元素所有子元素中类型为E的子元素集合中的第n个。E:only-of-type 选择其父元素只包含一个同类型的子元素,且该子元素匹配E。E:nth-last-of-type(n) 它是父元素的倒数第n个子节点。E:only-child 找出父元素中只包括一个的子元素,且该元素是E。E:nth-last-child(n) 它是父元素的倒数第n个子元素。E:last-of-type 它是父元素中的最后一个该类型的元素。主要需要使用到结构伪选择器。...

2022-08-09 10:07:07 298

原创 eachers 的一些常用配置

让提示框在表格范围内显示。改变图例注释文字的颜色。

2022-08-02 14:16:42 1114

原创 element-ui 的去背景----持续跟新

element-ui的去背景----持续跟新。

2022-07-21 16:43:22 421

原创 获取当前月时间

vue时间获取

2022-07-15 16:08:56 186

原创 Error in nextTick: “Error: Initialize failed: invalid dom.“ found in

这里主要是原因是dom还没挂载完成,导致报错,这里有几个处理办法:1.1 这里不要用created(用mounted),created这时候还只是创建了实例,但模板还没挂载完成1.2 用this.$nextTick(()=>{}) (这个回调函数会在数据挂载更新完之后执行,所以可行)1.3 使用Promise...

2022-07-07 10:55:56 6359

原创 v-for中的key问题

在一个页面产生很多个v-for时应该保持key的独一无二不然会出现一下情况目前加字符串可以完美解决但是有可能随着层级的加深出现渲染问题Error in render: "TypeError: Cannot read properties of undefined (reading 'name')" found in....意思就是模板在渲染时候,读取对象中的某个对象的属性值时,这个对象不存在,说通俗点就是三层表达式a.b.c,在对象a中没有对象b,那么读取对象a.b.c中的值,自然会报错。如果是两层表达式

2022-07-07 09:58:04 501

原创 findIndex与indexOf 的区别

相同:参数与用法不同:find返回元素,findIndex返回索引;找不到时find返回undefined,findIndex返回-12.findIndex()与indexOf()findIndex比indexOf更强大一些,可以通过回调函数查找对象数组,indexOf只能查找数组中指定的值,不过indexOf可以指定开始查找位置的索引。findIndex数组对象去重:let arr = [ {a: 1, b:'g', c: false, d: "355"}, {a: 2

2022-05-29 16:24:56 588

原创 Math数据类型的方法集合

console.log(Math.round(4.5)); //5 console.log(Math.round(4.4)); //4 console.log(Math.round(-4.5)); //-4 console.log(Math.round(-4.5000000001)); //-5 console.log(Math.round(-4.6)); //-5 console.log(Math.round(-4.4)); //-4 3》 Math.ceil() : 向上取整 .

2022-05-23 18:44:03 62

原创 v-for中key的使用

我们都知道,vue很大的一个特点就是双向数据绑定,数据一旦改变,那么页面就会渲染新的数据呈现在页面上对于v-for渲染的列表数据来说,数据量可能一般很庞大,而且我们经常还要对这个数据进行一些增删改操作假设我们给列表增加一条数据,整个列表都要重新渲染一遍,那不就很费事吗,而key的出现就是尽可能的回避了这个问题,提高效率,如果我们给列表增加一条数据,页面只渲染了这个数据,那不就很完美了v-for默认使用就地复用策略,列表数据修改的时候,他会根据可以值去判断某个值是否修改,如果修改,则重新渲染这一项,否则

2022-04-10 16:43:33 634

原创 生命周期的函数运行

1: beforeCreated 在实例初始化之后, 数据观测和 event/watcher 事件配置之前被调用。2: created() 实例已经创建完成之后被调用。 在这一步, 实例已经完成以下配置: 数据观测(data observe), 属性和方法的运用, watch/ event 事件回调。3: beforeMount 再挂载开始之前被调用: 相关的render 函数首次被调用。4: mounted() 生命周期: el被新创建的 vm.$el.

2022-04-08 08:41:23 111

rtsp推流设置技术文件

rtsp推流设置技术文件

2024-04-17

空空如也

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

TA关注的人

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