- 博客(20)
- 收藏
- 关注
RSS订阅原创 关于JS复制-自带文本样式
当我们使用鼠标拉取选框通过ctrl + C/V复制文本进入word或者其他富文本编辑器，都会自带样式。当我们使用创建textarea使用document.execCommand('copy')往往无法达到效果。我们可以使用document.createRange()创建range对象来进行赋值。这是页面这是word。
2024-10-26 09:28:32
414
原创 关于js数组对象的操作
map : 数组方法，遍历数组，返回一个新数组，不会修改原数组。{}：解构 ，可以快速的将对象中的数组解构出来。将arr1 转为 arr2 ----...: 扩展运算符 将数组依次展开。此时arr1转为arr2这样的格式。
2024-06-19 10:34:32
158
原创 JS鼠标选择文本，在该文本区域下方出现提示框
获取到的 Range 对象可以用来进一步获取选中区域的起始和结束节点，以及相关的坐标信息，进而计算出选中区域的几何位置，以便在选中文字的正中间精确地放置提示框。: 返回一个Selection对象， 代表用户当前在文档中的选择。这个对象包含了用户选中的文本范围、起点、终点等信息。: 调用Selection对象的toString()方法，该方法会返回用户当前选中的文本内容，以字符串的形式表现。用户进一步获取range对象。
2024-04-08 16:35:52
328
原创 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
679
原创 vue2 打包问题
使用 $env:NODE_OPTIONS="--openssl-legacy-provider"然后再npm run serve。原因是node 版本过高导致。
2024-03-12 10:21:37
238
1
原创 THREEJS学习第五天
立方体贴图是一种特殊的纹理，它可以提供六个图像，分别代表围绕着一个点观察到的六个方向（前、后、左、右、上、下）的环境映射。在Three.js中，实现模型的点击事件主要是通过射线检测（Raycasting）来完成的。射线检测的工作原理是从相机发出一条射线穿过屏幕像素，检测这条射线与场景中的对象是否相交，从而得知用户是否点击了模型。需要注意的一点是： 如果图片存放在src文件夹下需要使用 require() 将图片路径包裹，如果在public文件夹下则不需要。是无法获取的，我们自己创建的模型并没有放进。
2024-03-11 16:42:49
580
原创 uniapp 通过左右按钮以天/周为单位选择时间
/ 当前的日期或周的显示// 切换时间单位的数据title: '每天',id: 0},title: '每周',id: 1],// 当前的单位的索引。
2024-03-11 08:47:14
327
原创 TS学习笔记
如果变量声明的同时进行了赋值、那么ts可以自动检索类型并指定变量的类型。定义一个函数、并指定形参的类型分别是number。定义一个函数、并指定该函数的返回值为number。声明了一个变量并且指定类型为number。声明了一个变量指定类型的同时进行赋值。5、TS不能被js解析器直接解析。1、以js为基础的构建语言。3、TS扩展了js的类型。4、可以支撑任何js平台。6、ts最终被编译成js。
2024-03-06 21:55:42
141
1
原创 uniapp 项目遇到的问题以及解决方案
解决方案： 在遮罩层添加 @touchmove.stop.prevent="moveHandle" moveHandle 为空函数。解决方案：通过this.$mp.page.$getAppWebview() 获取对象信息进行修改。
2024-02-20 14:42:41
984
原创 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
405
原创 THREEJS学习第二天
运行结果：通过设置坐标辅助器可以清晰的看到 对于父子元素的相对的属性例如 .position.set()由于该属性为相对于父子元素，故在页面上展示为解释： 图中可以清晰的看到绿色立方体在原点，而代码设置为(3,0,0)，原因为父元素的位置为 x轴的-3位上，子元素相对于父元素正三个单位，故子元素在原点处。同理该属性 rotation（旋转） 也为相对属性当父元素旋转了45度时，子元素将旋转90度。
2024-01-08 21:49:22
970
原创 THREEJS学习第一天
OrbitControls是THREEJS中最常用的一个控制器，可以帮助我们实现以目标为焦点的旋转缩放，同时平移相机观察场景的操作，看上去是物体在进行变换，实际上所有的变化都是相机的相对位置在发生改变。视角：用户可以看到的范围 当视角为0 用户可以看到的场景为0，视角为180，用户可以看到非常广阔的场景。在threejs中相机决定着场景中的物体以什么角度展示在用户的眼前。在threejs中只有一个场景 ，场景是所有物体的容器 通过new创建一个场景对象。近平面：用户看到的最近的截面的距离。
2024-01-07 19:41:44
971
原创 通过iframe父页面数据的改变进而调用iframe子页面中的函数
而Vue的数据双向绑定原理是对data中的数据在**初始化的时候**监听起来**(Object.defineProperty 来进行监听/代理)** 当数据改变setter之后 vm就会知道 在视图改变getter 他就会通知模型你要修改了 模型改变了也会通知视图改变。使用“top.data的方法是一种在嵌套的 iframe 子页面中访问父页面的全局变量的方式top’对象引用的是最顶层的窗口 (即浏览器窗口)，因此可以通过“top.data’来访问在最顶层窗门中定义的“data”变量。
2023-08-31 21:13:39
385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人