摘要: react hooks useCallback 用于缓存函数,比如要把函数传递给子组件时,父组件每次跟新函数都会被创建,使用useCallback可以防止子组件不必要的重新渲染实现性能优化。 useMemo 用来缓存值,避免昂贵的多次计算,依赖不变的时候直接返回上次的计算结果。 memo 该函数接受 阅读全文
posted @ 2025-03-25 18:14 lence 阅读(22) 评论(0) 推荐(0)
摘要: Bash 查找使用3000端口的进程并杀掉进程 lsof -i :3000 #这是 “list open files” 的缩写,unix 中一切皆文件,网络连接也是文件,i 可以看做information 即信息 kill -9 <PID> # -9 对应的是 SIGKILL 信号。该信号是一种强制 阅读全文
posted @ 2025-03-25 18:13 lence 阅读(79) 评论(0) 推荐(0)
摘要: tailwindCss 使用笔记 特殊类group <div class="group"> <span class="group-hover: bolder"> 父元素hover时,span将应用 bolder 类名 </span> </div> 使用calc <div className='w-[ 阅读全文
posted @ 2025-03-25 18:13 lence 阅读(14) 评论(0) 推荐(0)
摘要: npm 不常用命令及参数记录 npm audit fix --force 强制对项目的依赖包进行升级,即便是超出了package.json指定的版本,可能修复未知的安全漏洞,也会带来版本不兼容的问题。当时nestjs 项目eslint有问题,报错 --“Failed to load plugin ' 阅读全文
posted @ 2025-03-25 18:13 lence 阅读(15) 评论(0) 推荐(0)
摘要: threejs API 记录 mesh.position.distanceTo(camera.position) 获取两个Vector3 之间的距离 camera.lookAt(mesh.position) 摄像机镜头指向 Vector3 mesh.position.normalize() 向量归一 阅读全文
posted @ 2025-03-25 18:13 lence 阅读(49) 评论(0) 推荐(0)
摘要: 材质和纹理 纹理加载 THREE.TextureLoader:用于加载普通二维纹理,如颜色纹理、环境光遮蔽纹理、高度纹理等 THREE.CubeTextureLoader:用于加载立方体纹理,通常用于环境映射。 纹理过滤模式 minFilter:设置纹理缩小显示时的过滤模式,常见取值有 THREE. 阅读全文
posted @ 2025-03-25 18:13 lence 阅读(132) 评论(0) 推荐(0)
摘要: threejs 光源介绍 THREE.AmbientLight 环境光,没有特定方向,均匀的照亮每一个物体,使场景不会太暗 THREE.DirectionLight 平行光,模拟太阳,从远处照射的光,使物体产生统一方向的阴影,适合营造阳光等效果 THREE.HemisphereLight 半球光,类 阅读全文
posted @ 2025-03-25 18:12 lence 阅读(46) 评论(0) 推荐(0)