自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 通过函数自定义Loading...

【代码】通过函数自定义Loading...

2024-05-13 11:34:53 190

原创 JS鼠标选择文本,在该文本区域下方出现提示框

获取到的 Range 对象可以用来进一步获取选中区域的起始和结束节点,以及相关的坐标信息,进而计算出选中区域的几何位置,以便在选中文字的正中间精确地放置提示框。: 返回一个Selection对象, 代表用户当前在文档中的选择。这个对象包含了用户选中的文本范围、起点、终点等信息。: 调用Selection对象的toString()方法,该方法会返回用户当前选中的文本内容,以字符串的形式表现。用户进一步获取range对象。

2024-04-08 16:35:52 211

原创 TS的学习

** 可选属性 在key的后面加一个?* 只读属性 在key的前面加一个 readonly*/age?:numberid:111111,name:'王五',age:18id:22222,name:'张三',});'age':18console.log('自定义属性1', Randomkey1);console.log('自定义属性2', Randomkey2)// * 数字递增// * 反向映射。

2024-03-18 17:23:16 658

原创 关于vue3的子父传值

运行的结果 通过点击子组件的按钮,调用父页面的函数。

2024-03-14 15:20:02 197 1

原创 vue2 打包问题

使用 $env:NODE_OPTIONS="--openssl-legacy-provider"然后再npm run serve。原因是node 版本过高导致。

2024-03-12 10:21:37 181 1

原创 THREEJS学习第五天

立方体贴图是一种特殊的纹理,它可以提供六个图像,分别代表围绕着一个点观察到的六个方向(前、后、左、右、上、下)的环境映射。在Three.js中,实现模型的点击事件主要是通过射线检测(Raycasting)来完成的。射线检测的工作原理是从相机发出一条射线穿过屏幕像素,检测这条射线与场景中的对象是否相交,从而得知用户是否点击了模型。需要注意的一点是: 如果图片存放在src文件夹下需要使用 require() 将图片路径包裹,如果在public文件夹下则不需要。是无法获取的,我们自己创建的模型并没有放进。

2024-03-11 16:42:49 351

原创 关于JS中的new Date()

【代码】关于JS中的new Date()

2024-03-11 09:23:05 122

原创 uniapp 通过左右按钮以天/周为单位选择时间

/ 当前的日期或周的显示// 切换时间单位的数据title: '每天',id: 0},title: '每周',id: 1],// 当前的单位的索引。

2024-03-11 08:47:14 251

原创 TS学习笔记

如果变量声明的同时进行了赋值、那么ts可以自动检索类型并指定变量的类型。定义一个函数、并指定形参的类型分别是number。定义一个函数、并指定该函数的返回值为number。声明了一个变量并且指定类型为number。声明了一个变量指定类型的同时进行赋值。5、TS不能被js解析器直接解析。1、以js为基础的构建语言。3、TS扩展了js的类型。4、可以支撑任何js平台。6、ts最终被编译成js。

2024-03-06 21:55:42 126 1

原创 uniapp 项目遇到的问题以及解决方案

解决方案: 在遮罩层添加 @touchmove.stop.prevent="moveHandle" moveHandle 为空函数。解决方案:通过this.$mp.page.$getAppWebview() 获取对象信息进行修改。

2024-02-20 14:42:41 576

原创 ThREE.js 学习第四天

);});

2024-01-23 20:31:09 349

原创 THREE.js学习第三天

通过输出可以得到一下结果: 其中array为每一个顶点的坐标,因为在xyz坐标轴中,所以每三个数据代表一个顶点的位置。一个面4个顶点,所以一个正方体六个面总共 24个顶点 ,其中 count代表几何体的顶点数。如果一个面的顶点为6,那么一个正方体的顶点数应该为36个,但是我们第一次打印几何体的定点数时却显示为24?第一个顶点在 x 轴 -1的位置 y轴-1的位置 z轴1的位置。第二个顶点在 x 轴 1的位置 y轴-1的位置 z轴1的位置。第三个顶点在 x 轴 1的位置 y轴-1的位置 z轴0的位置。

2024-01-17 20:23:31 343

原创 THREEJS学习第二天

运行结果:通过设置坐标辅助器可以清晰的看到 对于父子元素的相对的属性例如 .position.set()由于该属性为相对于父子元素,故在页面上展示为解释: 图中可以清晰的看到绿色立方体在原点,而代码设置为(3,0,0),原因为父元素的位置为 x轴的-3位上,子元素相对于父元素正三个单位,故子元素在原点处。同理该属性 rotation(旋转) 也为相对属性当父元素旋转了45度时,子元素将旋转90度。

2024-01-08 21:49:22 900

原创 THREEJS学习第一天

OrbitControls是THREEJS中最常用的一个控制器,可以帮助我们实现以目标为焦点的旋转缩放,同时平移相机观察场景的操作,看上去是物体在进行变换,实际上所有的变化都是相机的相对位置在发生改变。视角:用户可以看到的范围 当视角为0 用户可以看到的场景为0,视角为180,用户可以看到非常广阔的场景。在threejs中相机决定着场景中的物体以什么角度展示在用户的眼前。在threejs中只有一个场景 ,场景是所有物体的容器 通过new创建一个场景对象。近平面:用户看到的最近的截面的距离。

2024-01-07 19:41:44 938

原创 通过iframe父页面数据的改变进而调用iframe子页面中的函数

而Vue的数据双向绑定原理是对data中的数据在**初始化的时候**监听起来**(Object.defineProperty 来进行监听/代理)** 当数据改变setter之后 vm就会知道 在视图改变getter 他就会通知模型你要修改了 模型改变了也会通知视图改变。使用“top.data的方法是一种在嵌套的 iframe 子页面中访问父页面的全局变量的方式top’对象引用的是最顶层的窗口 (即浏览器窗口),因此可以通过“top.data’来访问在最顶层窗门中定义的“data”变量。

2023-08-31 21:13:39 319

空空如也

空空如也

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

TA关注的人

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