白瑕-CSDN博客

JS抽离, 引入three模块.LiveServer报错:```Uncaught TypeError: Failed to resolve module specifier "three".Relative references must start with either "/", "./", or "../".

2023-06-12 11:41:40 5556

原创 JavaScript for与forEach结束本轮循环/结束循环

我以前一直想尝试一下这个for里嵌switch来着, 找不到合适的机会, 今天写node脚本刚好遇到, 必须狠狠的尝试一下.

2023-05-25 02:02:06 1040

原创解决 Uncaught TypeError: SpriteCanvasMaterial is not a constructor.

上周买了本《Three.js开发指南》, 第三版, 里面的语法不太跟趟, 有点旧, 倒也不能全怪作者, three迭代的确很快.

2023-05-18 20:50:53 784

原创 JavaScript 基于MutationObserver实现拖拽防抖

2D标注系统, 需要在标注添加后自动为其生成一个标签, 而因为标注画板可缩放, 所以需要更新标签位置.但这其中涉及到DOM操作, 我不想在拖拽的时候疯狂的获取DOM.

2023-04-16 02:49:42 425

原创 git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks push -v --tags origin

好多天没交代码了, 今天用SourceTree提交突然报了这个错误.

2023-04-13 09:52:32 10318

原创 D3.js 获取DOM元素值

最近在用D3做数据标注系统的2D标注部分, 需要给每个2D标注绑定id, 那么用下拉框形式展示所有id, 但是选取的时候出了些问题.下拉框仅为例, 不代表其他DOM元素不可用.

2023-04-12 11:11:21 550

原创 JavaScript 监听鼠标左右同时按下/同时按下移动

基于原生JavaScript, 在使用three.js的raycaster模拟瞄准及射击时用到.

2023-04-06 14:21:16 1274

原创 Win11 配置全局Node环境

换办公室了, Win11, 配一波全局Node.

2023-03-27 14:36:24 1778

原创给数据标注系统加个2D标注功能

在照片上进行2D数据标注, 对2D照片上的标注误差进行手动修正.

2023-03-18 01:52:17 934 3

原创 Git 常用命令整理

系统的学了一下Git, 以及和github的配合使用.

2023-03-06 23:09:56 222

看过不少过度嵌套的代码, 我真正意识到问题的严重性是刚入职那会, 我在一个老项目里看到了40个连续的else if, 套了6层的iffor和forEach, 因为我们并没有做什么限制代码嵌套的提前约定.呃, 那之后认识到会写代码和代码写得好完全是两种概念, 能够实现复杂的需求也并不能说明代码写得好, 开始注重代码结构方面.事实是, 很多时候需要编写的逻辑本身就很恶心, 乍看之下, 堆页岩般的判定嵌套里似乎每一层都是必要的, 也只能说尽量让它看起来不那么恶心.嗯, 比如少来几次Tab。

2023-02-18 16:20:22 764

原创 package.json 开发依赖与运行时依赖

我已经使用npm接近两年了, 但对于package.json内的和也只是知道什么依赖该放什么部分, 至于为什么放到这个部分, 我并不很了解

2023-02-18 12:38:10 906

原创解决原生template标签在Vue中失效的问题

需要原生Javascript + three.js的数据标注平台加入Vue框架.本来挺顺利的, 我直接在mounted周期做了初始化, 然后剩下的操作还是交给JavaScript文件执行, 最后发现里面有很明显的事件触发问题.

2023-02-17 16:45:11 2681

原创 JavaScript 二叉树

同前面说到的散列表结构, 树也是一种非顺序数据结构, 对于存储需要快速查找的数据非常有用.我会先叙述一下何为树结构, 然后去实现一个基本功能完备的二叉树作为例子.本来应该叫’JavaScript 树’的, 但是我一直在说二叉树…整个篇幅基本给了二叉树, 然后索性就叫二叉树了.栈的话前一段时间做了个撤销恢复功能, 用双端队列改造了一下限制了步数.这种结构目前没想到要怎么去应用, 或许在使用一些库的时候能用到?

2023-02-13 20:54:31 437

原创 JavaScript 递归算法

第一次认识递归这个概念在两年前, 一个递归函数(不是深拷贝)看了好久才看懂, 在函数内部再次调用自己, 返回一个新的值, 再此期间还涉及多次对自己的调用, 这对于当时的我还是太过超前了.不过直到最近, 我对’递归’的认知也几乎只是这些, 我还是希望能有更深刻的理解.迭代比递归执行起来要快很多, 递归相较于迭代需要的代码更少且更易理解, 另外, 有了尾调用优化, 递归的多余消耗甚至可能被消除.

2023-02-04 17:14:31 1232

原创 ECMAScript2019 类私有域

呃, 被只读属性绊了一跤误打误撞去了解了它.我需要深拷贝一个对象, 但这个对象内有一个position不得不说这个""彻彻底底的误导了我, 让我觉得这是私有属性造成的(但其实只要用处理一下writable就好了.)但在我发现之前还是去研究了一下.

2023-02-01 00:49:43 469

原创 JavaScript Hashmap散列算法

散列表是字典(Dictionary)的一种实现.集合以[值, 值]形式存储, 字典则以[键, 值]对形式, 其中键名用于查询, 字典也称作映射符号表或关联数组JavaScript在也就是ES6中实现了Map, 即此处字典结构.虽然ES6的Map可以使用String以外的类型作键(因为Map可以基于分别存储键和值的两个数组及其方法实现, 内部的结构是可预测的, 这也是它iterable的原因), 但是理想的字典结构应该使用String类型作键, 这会让查找变得更简单.

2023-01-29 22:16:45 1072