Simoon

摘要： 全局切换： nvm alias default 16 nvm use default VSCode / WebStorm 终端特别注意 ⚠️ VSCode 内置终端有时不会加载 .zshrc导致它直接使用系统 Node 20。 解决方式： 在 VSCode 设置里搜索： terminal.integ 阅读全文

摘要： renderer.setPixelRatio(window.devicePixelRatio); 是 Three.js 中的一种优化渲染质量的方法，用于根据设备的像素比调整渲染器的像素密度。 设置渲染器的像素比： setPixelRatio 方法允许你告诉渲染器使用多少像素来渲染画面。 通常情况下， 阅读全文

摘要： 通过计算当前设备的像素比 (devicePixelRatio) 来动态调整纹理的尺寸 const dpr = window.devicePixelRatio; const textureSize = 128 * dpr; 这段代码动态调整纹理大小，以适配设备的像素密度，提供最佳的视觉效果。 text 阅读全文

摘要： // 点击空白处日历切换 useEffect( function () { document.addEventListener('click', clickBody); return function () { document.removeEventListener('click', clickB 阅读全文

摘要： 相关库： comlink worker-loader 主线程： import Worker from 'worker-loader!./worker.js'; import { Loader } from '@/utils/CWThree/Loader/Loader'; // 子线程加载模型 exp 阅读全文

摘要： 用法：包裹请求方法即可控制调取缓存还是请求接口，并且判断缓存时间是否超时来进行数据更新 import { fetchWithCache } from '@/utils/indexedDb'; export const getThreeModel = (ciId) => fetchWithCache( 阅读全文

摘要： 应用场景：需同步获取值的时候，回调方式使用起来比较难受，并且库里内并未提供同步api，此时可使用promise+await将回调方式改为同步执行， 核心：promise+await将回调改为同步调用 const result = await new Promise((resolve, reject) 阅读全文

摘要： 事件分析 事件区分核心：使用onMouseDown、onMouseUp和定时器来区分单击事件与长按事件 按下时设置长按事件定时器（并加入长按回调），并记录当前时间戳， 松开事件中如果当前时间戳差值小于定时器则执行单击回调，并清除定时器，如果大于定时器事件，则按下事件中定时器的长按回调已经执行，事件末 阅读全文

摘要： // 获取图层编号的函数 const getLayerNumbers = (mask) => { const layers = []; let layer = 0; while (mask > 0) { if (mask & 1) { layers.push(layer); } mask >>= 1 阅读全文

摘要： 关键点： 获取antd组件包裹的原生textArea实例：const textarea = expressInputRef.current.resizableTextArea.textArea; 获取光标位置：const { selectionStart, selectionEnd } =texta 阅读全文