- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue canvas自由框选区域
3、判断点位数组长度是否大于1，时则需要以此连接点位，并将首尾点位相连，闭合路径。核心步骤：鼠标每次拾取点位后，将点位保存到点位数组中，调用绘制方法。4、判断点位数组长度是否大于等于3，是则进行区域绘制。2、遍历点位数组，绘制圆点。1、每次更新前清空画布。
2025-01-08 15:44:14
176
原创 Object.entries、Object.keys、Object.values、for...in
Object.values：返回一个对象自身的所有可枚举属性的值组成的数组。返回的数组中的元素是对象的属性值（value）。Object.entries：返回一个由对象的可枚举属性键值对组成的数组。Object.keys()：返回一个由对象的可枚举属性组成的数组。for...in
2024-10-30 14:47:54
195
原创 threejs渲染HTML标签中挂载vue组件
CSS3DSprite：CSS3DSprite对应的HTML标签，可以跟着场景缩放，位置可以跟着场景旋转，但是自身的姿态角度始终平行于canvas画布，不受旋转影响，就像精灵模型一样Sprite；CSS3DSprite尺寸、位置、缩放等渲染规律和CSS3对象模型CSS3DObject基本一致。CSS3DObject：渲染结果就像一个矩形平面网格模型一样。你通过相机控件OrbitControls旋转、缩放三维场景，CSS3模型对象CSS3DObject跟着旋转、缩放。
2024-10-29 15:17:36
230
原创 threejs使用CSS2DObject添加HTML标签点击事件无效
场景：在创建渲染器CSS2DRenderer的时候，为了使其不遮挡canvas和threejs的点击事件，设置了。导致使用CSS2DObject添加的HTML标签点击事件无效。
2024-10-29 14:48:07
437
原创 vite项目构建- [vite-plugin-top-level-await] missing field ctxt #52
vue3+vite的项目突然构建失败，根据报错missing field。#52查了一下，是因为。
2024-08-19 15:02:39
1368
6
原创 JS常见报错类型
2. 类型错误（TypeError）：操作或值的类型不符合预期，例如对一个非函数类型的变量进行调用。4. 范围错误（RangeError）：当一个值超出有效范围时抛出，例如递归调用层级过深。5. 自定义错误（CustomError）：开发者可以自定义错误类型来表示特定的错误情况。1. 语法错误（SyntaxError）：代码不符合语法规则，例如拼写错误、缺少括号等。3. 引用错误（ReferenceError）：尝试访问一个不存在的变量或对象属性。
2023-12-06 14:53:21
264
1
原创 vue3的Composition API之watch和watchEffect
2. watchEffect：watchEffect函数接收一个函数作为参数。（所有在其函数内部访问的响应式数据都会成为watchEffect的依赖项）1. watch：watch函数接收两个参数：要观察的源和一个回调函数。总的来说，watch提供了更多的灵活性（例如，可以选择什么时候运行回调、访问旧值等），watchEffect更适用于当依赖项改变时总是需要运行的副作用。在Vue3中，watch和watchEffect都是用来监听响应式数据变化的函数，但它们的工作方式有所不同。
2023-11-27 11:30:00
205
1
原创 vue3的Composition API之reactive和ref的区别
注意：如果解构reactive创建的对象，实际上是在创建原始对象属性的新引用，这些新引用不再是响应式的，因为它们不再被代理对象跟踪。而使用ref创建一个响应式引用时，Vue会返回一个对象，这个对象有一个.value属性，这个属性指向原始值。解构这个对象时，实际上是在创建.value属性的新引用，这个新引用仍然是响应式的，因为它仍然指向.value属性。这个方法接收一个值，并返回一个具有.value属性的对象。reactive适用于需要创建响应式对象的场景，而ref适用于需要创建响应式基本类型值的场景。
2023-11-24 18:05:55
182
1
原创 vue3父组件使用ref调用子组件方法
在vue2中，父组件通过ref调用子组件的方法只需要给子组件添加ref属性，然后使用this.$refs.XXX.method即可。但是在vue3中，子组件需先使用defineExpose将方法暴露给父组件。2、使用ref函数创建一个响应式的引用，并将其绑定到子组件上。1、使用getCurrentInstance。
2023-03-30 11:36:40
3829
原创 力扣：无重复字符的最长子串
一开始我自己的解法：暴力的使用了两次循环达到每次遇到重复字符后去除头部的目的，耗时228ms/** * @param {string} s * @return {number} */var lengthOfLongestSubstring = function(s) { var res = ''; var max = 0; for(var i = 0; i < s.length; i++){ for(var j = i; j < s.leng
2022-05-13 17:47:31
130
原创 three.js 叠加文本（FontLoader/CanvasTexture）
three.js 叠加文本（FontLoader/CanvasTexture）
2022-04-24 10:29:46
918
原创 Vue+JavaScript实现鼠标滑轮滑动控制元素横向滚动
实现列表跟随鼠标滑轮滑动横向滚动第一步：父元素设置为 overflow-x: scroll（竖向同理）.scroll-box{ width: 1000px; overflow-x: scroll;}第二步：添加鼠标滑轮监听事件<div ref="scrollBox" @mousewheel="handleScroll" class="scroll-box"> <div>你的内容</div></div>第三步.
2021-10-20 09:58:07
1782
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人