前端开发遇到的bug
蓝莓味柯基
这个作者很懒,什么都没留下…
展开
-
箭头函数返回值书写错误导致的bug
这两个缩放后的比例尺计算得到的。这意味着如果这些比例尺没有正确更新或者在缩放时没有被正确使用,那么标签的位置就会出错。函数调用之前已经正确地被更新。如果这些比例尺在缩放事件发生时没有更新,那么标签的位置也会出错。是一个包含两个元素的数组,其中第一个元素是 x 坐标,第二个元素是 y 坐标。而不是直接返回计算结果,这将导致函数没有实际返回任何值,因此。正确指向了标签应该位于的坐标点。函数中,你可以看到对于诸如。的缩放处理是通过更新属性。属性的设置函数中使用了。属性并未被正确设置。原创 2024-08-26 16:21:48 · 132 阅读 · 0 评论 -
Reacr报错:Hooks can only be called inside the body of a function component.
比如你可能正在使用尚不支持 Hooks的版本react-dom(< 16.8.0) 或(< 0.59)。如果违反这些规则,可能会看到此错误。还有一种情况比较少见,原创 2024-07-18 11:44:24 · 311 阅读 · 0 评论 -
matine组件库踩坑日记 --- react
忘记倒入这个,组件就不会生成样式。如果没有引入额外的css,该组件也不会生效样式。我想引入扩展组件轮播图。原创 2024-07-13 20:05:49 · 417 阅读 · 0 评论 -
JavaScript--local storage存储的数组不可扩展的问题
是一个用来复制数组的方法,可以返回数组的一个浅拷贝,原数组不会被修改。它通常用于创建一个新的数组副本,或者从现有数组中提取一个子集。// 复制整个数组slice 方法可以接受两个参数:start 和 end,分别表示开始和结束的索引(不包含结束索引所指向的元素)。如果省略这些参数,就会复制整个数组。解构赋值// 使用展开运算符进行复制数组的 map 或 filter 方法循环复制i++) {所有这些技术都会产生原数组的一个浅拷贝。原创 2024-07-09 10:55:45 · 706 阅读 · 0 评论 -
React -- useState状态更新异步特性——导致获取值为旧值的问题
请注意,设置键盘事件监听的 useEffect 中的依赖数组被设置为空([]),意味着这个 effect 只在组件挂载时添加事件监听器,并且在组件卸载时移除。在 React 的 useEffect 钩子中使用事件处理器时,如果事件处理器引用了组件的状态或属性,并且这些状态或属性在函数定义时的值被固定下来,那么我们就说这个事件处理器是一个闭包,并且它“捕获”了定义它时的环境。当时的场景,主要是为了设置一个esc快捷键,esc快捷键的逻辑功能和按钮为“Done”的时候点击效果是一样的。使用useRef记录值。原创 2024-07-08 10:54:40 · 1244 阅读 · 1 评论 -
在实现物体测距,使用射线时自己导致的bug。。
我是想相交的到点以后,直接塞入对应交到的物体里用一个SphereGeometry显示(不测量的时候,寻找其父元素移除)。进行一番操作以后,发现显示的位置始终不对。经过一段时间的思考,发现使用intersects[0].object.worldToLocal()反而正确了。原创 2024-06-20 11:51:54 · 457 阅读 · 0 评论 -
react的严格模式 和 解决react useEffect执行两次
能发现这个问题的👨🎓,一定是一名细心并且有一颗求知的❤️。因为我当时接触React的时候就是这样的想法。为什么会触发两次?按照正常的声明周期应该执行一次的!!!!!原创 2024-06-12 18:31:59 · 1250 阅读 · 0 评论 -
React中“WebSocket is closed before the connection is established“
然而,这不仅仅是最好的解决方案!您需要使用钩子,而不是直接在视图/组件中使用套接字连接,它可以防止多次创建套接字连接。此外,无论前端是否正在通信,如果套接字连接未使用,后端都应关闭该连接。在 React 中你需要将它添加到你useEffect的return。原创 2024-06-12 18:20:36 · 565 阅读 · 0 评论 -
给物体添加LineSegments,导致Raycaster不准确(拾取范围扩大)的问题
检测所有在射线与这些物体之间,包括或不包括后代的相交部分。返回结果时,相交部分将按距离进行排序,最近的位于第一个),相交部分和.intersectObject所返回的格式是相同的。降低射线投射器的阙值,这样边界就不会在射线视野中占据太多空间。Raycaster()主要有两个方法。其实两个很像,区别只是第一个参数。可以将想要求交的物体放入其中。什么是射线投射器的阙值。原创 2024-05-24 19:01:48 · 350 阅读 · 0 评论 -
在react中使用matine,没有样式的问题
直接在index.js加上。原创 2024-05-18 16:48:55 · 358 阅读 · 0 评论 -
2024.5.8 1.移除元素 (简单)
给你一个数组 nums 和一个值 val,你需要 原地 移除所有数值等于 val 的元素,并返回移除后数组的新长度。不要使用额外的数组空间,你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。为什么返回数值是整数,但输出的答案是数组呢?请注意,输入数组是以「引用」方式传递的,这意味着在函数里修改输入数组对于调用者是可见的。原创 2024-05-08 21:46:11 · 137 阅读 · 0 评论 -
按键冲突ctrl和ctrl+z
原因是我将ctrl+z事件写在keyup时的触发,并且在keyup的ctrl之前用的是if-else判断,消除事件自然而然也就不触发了。并且谨慎使用if-else连续判断,否则当键盘事件变多的时候不易维护,容易出bug。在开发当中,我分别在keydown和keyup中编写了ctrl的事件。是为了按住ctrl时进入特定的场景编辑模式,送开始消除特殊的模式。书写keydown和keyup触发事件要选择好合适的时机。当我按住ctrl+z时,再松开特殊场景模式没有消除。当我编写ctrl+z的功能时,bug出现了。原创 2024-04-29 16:40:16 · 166 阅读 · 0 评论 -
偶然的bug--关于chrom版本更新导致的
同样的代码,在同组成员那的前端button是可以正常点击触发的。这个是分享贴 如果有大佬知道可能造成的原因,欢迎评论区指导。最后发现我的chrom是待更新,我突发奇想是不是这个问题。结果更新重启以后,按钮正常了。(包括环境、操作系统都一致 排除了)但是我的却一直无法聚焦点击触发。今天出现一个很无语的bug。思来想去找不到问题。原创 2024-04-26 18:04:21 · 115 阅读 · 0 评论