- 博客(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
原创 vue3+wangEditor 5 的图片自定义上传
第二就是返回的传输路径需要使用insertFn方法再插入进富文本框。的图片上传参数无法满足需求所以需要用自己的上传来覆盖原先的上传。需要注意headers里的对象和原生的是否一致。完整代码,这个是封装的富文本组件的内容。在这里需要注意在进行post请求时,覆盖原生的图片上传操作方法是。这个是Editor.vue。
2024-05-22 17:32:05
949
原创 threejs多点位贝塞尔曲线实现, 多阶贝塞尔曲线的生成
threejs的贝塞尔曲线的生成方法不论是THREE.CubicBezierCurve3还是THREE.QuadraticBezierCurve3本质上都是 调用内部的方法计算返回曲线上的点,所以要实现多点位的贝塞尔曲线就是调用数学方法生成曲线的点。
2024-03-28 10:21:04
496
原创 离线地图使用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请求的封装
首先是对于请求的拦截和处理,我一般是在utils里建立js进行封装。在页面使用时建议使用异步封装调用。然后就可以封装一些简单的请求。在main.js绑定即可使用。
2023-06-09 14:19:44
1065
原创 关于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
原创 vue项目中百度地图自定义图标的点使用本地图片,icon本地图片不显示问题
因为require它是打包工具所需要的标识,当我们通过变量去定义的话,它就没办法进行打包。添加ruquire即可。
2022-10-12 10:11:08
768
原创 配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用
配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用
2022-09-22 11:02:43
2595
转载 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
原创 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人