- 博客(7)
- 收藏
- 关注
原创 vue3结合three.js实现3D带有交互的动画
安装轨道控件插件:安装渲染器插件:vue文件中引用:在页面中创建场景创建一个透视相机初始化渲染器初始动画混合器动画混合器是用于场景中特定对象的动画的播放器。当场景中的多个对象独立动画时,每个对象都可以使用同一个动画混合器。参数:rootObject 混合器播放的动画所属的对象。就是包含动画模型的场景对象。常用参数和属性:.time 全局的混合器时间。.clipAction(AnimationClip) 返回所传入的剪辑参数的AnimationAction对象。Animat
2023-04-06 19:52:56
1578
原创 vue3.0 ref、reactive、toRef、toRefs、customRef的区别
一、reactivereactive 用于为对象添加响应式状态。接收一个js对象作为参数,返回该普通对象的响应式代理,响应式转换是“深层的”:会影响对象内部所有嵌套的属性。基于 ES2015 的 Proxy 实现,返回的代理对象不等于原始对象。建议仅使用代理对象而避免依赖原始对象。获取数据值的时候直接获取,不需要加.valueimport { reactive } from 'vue'// 响应式状态const state = reactive({ count: 0})// 打印cou
2021-03-26 15:04:12
561
原创 js浅拷贝与深拷贝详解
浅拷贝与深拷贝如果B复制了A,改变A,B也跟着变了这就是浅拷贝,如果B没有变就是深拷贝。举个例子:let a=[0,1,2,3,4], b=a;console.log(a==b); a[0]=1;console.log(a,b);这里就要引入基本数据类型和引用数据类型的概念了,基本数据类型有:number、string、boolean、null、undefined、symbol。引用数据类型:Object、Array、以及函数等。基本类型拷贝let a=1;存储在栈内存中
2020-11-03 14:03:33
151
原创 input框输入整数
标题只让输入整数第一种<input type="text" name="active_name" lay-verify="required|number" onkeyup="value = zzz(this.value)" value="" placeholder="活动名称" class="layui-input inputnumber">function zzz(value){ value = value
2020-11-03 14:02:08
2228
原创 微信小程序自制scroll-view滚动条
直接实例展示html <!-- 九宫格 --> <scroll-view class="my-grid" scroll-x="true" bindscroll="getleft"> <view class="grid-item" wx:for="{{gridlist}}" wx:key="index"> <text>{{item.name}}</text> </view> </scroll
2020-08-05 10:13:03
715
原创 vue使用promise.all发送多个请求
Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时,成功和失败的返回值是不同的,成功的时候返回的是一个结果数组,而失败的时候则返回最先被reject失败状态的值。首先新建api文件夹,新建文件index.js和port.jsindex.js封装公共求求方法和参数port.js存放接口路径index.js postparams(url, data) { return axios({ method: 'post',
2020-08-01 15:53:53
1719
原创 e.preventDefault()和e.stopPropagation()的区别
e.stopPropagation()阻止事件冒泡<table border='1'> <tr> <td><span>冒泡事件测试</span></td> <td><span>冒泡事件测试2</span></td>`在这里插入代码片` ...
2019-11-07 15:49:18
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人