- 博客(37)
- 收藏
- 关注
原创 threejs多点位贝塞尔曲线实现, 多阶贝塞尔曲线的生成
threejs的贝塞尔曲线的生成方法不论是THREE.CubicBezierCurve3还是THREE.QuadraticBezierCurve3本质上都是 调用内部的方法计算返回曲线上的点,所以要实现多点位的贝塞尔曲线就是调用数学方法生成曲线的点。
2024-03-28 10:21:04 290
原创 离线地图使用openlayers安装后无法使用的问题
在直接使用npm i ol 后报错无法使用,后来不论是使用重新安装依赖还是更改node版本都不能解决。我这里使用的node版本是16.14.2 ,npm 版本是8.5.0,最终解决办法 将 ol 版本降到 6.8.1 即可。
2023-12-12 09:29:50 418
原创 vue ie低版本 报错SCRIPT5022: SecurityError sockjs.js (1683,3)
ie低版本 报错SCRIPT5022: SecurityError sockjs.js (1683,3)
2023-11-01 14:51:55 529
原创 vue请求的封装
首先是对于请求的拦截和处理,我一般是在utils里建立js进行封装。在页面使用时建议使用异步封装调用。然后就可以封装一些简单的请求。在main.js绑定即可使用。
2023-06-09 14:19:44 1013
原创 关于uniapp原生的scollview的横向移动判断问题解决
在使用scollview时uniapp官方的文件并没有直接告诉你应该如何去判断到左边和右边的距离,那么我们应该如何判断有没有触底呢,在面临像轮播图一样控制左右指示器出现或者消失的时候我们应该如何计算。这里前后两张图片是指示器,中间是内容。
2023-05-26 15:51:00 228
原创 关于使用 z-swiper 3d流的的方法
这个组件的功能是在uniapp上实现3d效果轮播图,效果可以,但是功能上差一些,需要我们自己来弥补。首先是滑动的时候会出现因为惯性效果页面上显示的已经到第4个但是下标还在第三个的情况。,是在uniapp中使用,本文章是为了解决一些使用这个组件时的需求来创作的。中间是图片结构,我们在切换地时候会去实现botimg2的选中状态切换。移动开始的方法里我们记录下开始时的下标,在移动的时候进行更新。未来解决问题我们在互动开始和动画结束的时间分别做处理。这里的options是。
2023-05-26 15:44:53 576
原创 js数据过滤
处理数据格式 张三|15988888888;李四|15999999999;张三|15988888888;李四|15999999999。
2023-04-20 10:35:21 79
原创 vue项目中百度地图自定义图标的点使用本地图片,icon本地图片不显示问题
因为require它是打包工具所需要的标识,当我们通过变量去定义的话,它就没办法进行打包。添加ruquire即可。
2022-10-12 10:11:08 722
原创 配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用
配置webpack 设置不打包文件,实现配置文件修改不重复打包,亲测好用
2022-09-22 11:02:43 2487
转载 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 253
原创 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 5960
原创 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 447
原创 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 552
原创 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 53
原创 v-for中key的使用
我们都知道,vue很大的一个特点就是双向数据绑定,数据一旦改变,那么页面就会渲染新的数据呈现在页面上对于v-for渲染的列表数据来说,数据量可能一般很庞大,而且我们经常还要对这个数据进行一些增删改操作假设我们给列表增加一条数据,整个列表都要重新渲染一遍,那不就很费事吗,而key的出现就是尽可能的回避了这个问题,提高效率,如果我们给列表增加一条数据,页面只渲染了这个数据,那不就很完美了v-for默认使用就地复用策略,列表数据修改的时候,他会根据可以值去判断某个值是否修改,如果修改,则重新渲染这一项,否则
2022-04-10 16:43:33 631
原创 生命周期的函数运行
1: beforeCreated 在实例初始化之后, 数据观测和 event/watcher 事件配置之前被调用。2: created() 实例已经创建完成之后被调用。 在这一步, 实例已经完成以下配置: 数据观测(data observe), 属性和方法的运用, watch/ event 事件回调。3: beforeMount 再挂载开始之前被调用: 相关的render 函数首次被调用。4: mounted() 生命周期: el被新创建的 vm.$el.
2022-04-08 08:41:23 100
原创 vue @input和@click的区别
@input 一般用于监听事件只要输入的值变化了就会触发input@click 事件触发事件 <input :type="type" :value="value" :placeholder="placeholder" :name="name" @input="$emit('input',$event.target.value)" />@click 事件触发事件单击触发..
2022-04-01 09:21:17 1197
原创 class 名的管理
为 <div> 元素添加 class:document.getElementById("myDIV").classList.add("mystyle");为 <div> 元素添加多个类:document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");为 <div> 元素移除一个类:document.getElementById("my
2022-01-12 09:28:05 135
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人