- 博客(41)
- 收藏
- 关注
原创 git commit提示node不是内部或外部命令,也不是可运行的程序 或批处理文件。
在Git中,钩子是一些在特定事件发生时可以运行的脚本,比如提交前(pre-commit hook)和提交后(post-commit hook)。如果你使用了一些工具,比如说一些代码风格检查工具,这些工具可能会在提交前检查代码风格。如果你想要忽略这些检查,就可以使用"--no-verify"选项。网上搜说是校验问题,删掉pre-commit文件就行了,可是我找不到pre-commit这个文件啊。但是node早已安装了,node -v也能正常显示版本号,我检查了环境变量等配置,都是正常的。
2024-08-08 11:17:27
286
1
原创 Krpano小行星模式加载完之后再显示热点hotspot
在开始小行星模型后,首页上添加的hotspot热点也会显示出来,在整个加载过程成不太美观。
2024-06-20 09:36:07
174
原创 Threejs可使用的动画库Tween.js与其他
Tween.js是一个简单的缓动库,专注于提供各种缓动函数,支持多种数据类型,可以创建一些简单的动画效果。GSAP是一个功能强大的JavaScript动画库,支持多种类型的动画效果,可以创建各种复杂的动画效果。Anime.js是一个轻量级的JavaScript动画库,可用于创建复杂的动画效果。Popmotion是一个强大的JavaScript动画库,支持各种类型的动画效果。提供了时间轴、滚动效果、SVG动画、CSS动画等功能,性能高,可扩展性强。易于学习和使用,提供了颜色动画、路径动画等功能,性能好。
2024-06-20 09:26:19
327
原创 elementui中close-on-click-modal=“fasle“不生效
以上两种方式都不生效,如下将 :closeOnOlickOodal='false' 动态绑定才会生效。
2024-05-13 17:52:00
442
原创 Threejs加载字体加载FontLoader与TTFLoader
在 Three.js 中使用自定义字体进行 3D 文本渲染。它最初是以 JSON 格式加载字体,现在Three.js已经有一个 TTFLoader 类,可用于加载 TTF 字体文件并将它们用作 TextGeometry!
2024-04-25 17:10:04
824
原创 Threejs使用CSS2DRenderer后OrbitControls控制器不能用了
最后,经验证只需将控制器this.renderer.domElement改为this.labelRenderer.domElement即可释放出OrbitControls控制器。
2024-04-25 17:04:43
685
原创 FFmpeg将绿幕视频处理成透明视频播放
怎么在网页端插入透明视频呢,之前在做Web3D项目时,使用threejs可以使绿幕视频透明显示在三维场景中,但是在网页端怎么让绿幕视频透明显示呢?色值,它是是绿幕视频背景的RGB值,具体可以换成你自己的绿幕值。注释:案例中绿幕视频来源于网络下载学习使用,这里如有侵权联系我删除~ffmpeg的安装使用及其他参数,可到我的另一篇文章里查看。如图上图,视频背景遮挡住后面网页内容。
2024-03-29 09:52:42
1034
原创 SyntaxError: Unexpected token ‘<‘, “<!DOCTYPE “... is not valid JSON at JSON.parse (<anonymous>)
通过测试发现是模型文件路径问题,模型文件路径需采用绝对路径,即"src/assets/models/rabbit.glb",改成如下引入报错解决。使用绝对路径可以确保引入的是实际文件系统上的模型文件,避免在打包后文件找不到。
2024-03-20 17:16:04
2666
2
原创 npm install和npm install --save的区别
npm install XX会把XX包安装到 node modules 目录中,不会修改 package.json,之后运行 npm instal1 命令时,不会自动安装XX;npm5.0.0之后
2024-03-15 11:41:38
863
原创 ‘GLTFLoader‘ is defined but never used no-unused-vars
发现是eslint校验规则的问题,在.eslintrc.js或package.json文件中找到"rules": {}配置项,添加如下代码。然后npm run serve重启项目,即可解决。在新建vue项目中加载3D模型。
2024-03-07 14:44:12
227
原创 使用vue create 创建项目报错vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,命令去安装脚手架,然后再使用vue create即可成功创建项目。出现这个错误一般是电脑没有安装VueCli脚手架,使用。所在位置 行:1 字符: 1。
2024-03-06 14:38:38
723
原创 MUI点击tab切换报错[Intervention] Unable to preventDefault inside passive event listener due to target bein
干预]由于目标被视为被动,因此无法在被动事件侦听器内阻止Default。好像并不影响整个页面其他功能,但是看到报错就行给去掉。解决办法:在css样式加个全局样式。添加后控制台报错提示即去除了。
2024-02-01 09:50:49
527
原创 npm install 报错nPM ERR! COde CERT HAS EXPIREDnpM ERR! errnO CERT HAS EXPIREDnpm ERR! request to htt
npm install 报错nPM ERR!英语不好咱翻译一下,提示证书过期,那就重新配置下证书。按照上述方法配置后,问题解决,依赖就成功安装啦。
2024-01-24 16:17:23
1038
原创 vscode拉代码提示“未能对git remote进行身份验证”
以上就是我解决本次vscode拉代码提示“未能对git remote进行身份验证”报错的方法。控制面板>用户账户>管理你的凭证>Windows凭证>找到你的gitlab地址>点击编辑。可能是之前拉取别的项目组gitlab代码密码改动了,导致报错。然后回到vscode,拉取代码,这次就成功了。
2024-01-24 11:44:35
2058
原创 vue引入echarts报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘
在一个已有VUE项目中引入echarts报错,可能引起错误的原因是echarts引入方式错误。
2024-01-12 13:34:47
748
1
原创 npm install 报错error code ELIFECYCLEerror errno 1error yorkie@2.0.0 install: `node bin/install.js`
然而,我是用cmd安装npm install竟然成功了,所以猜想是,安装nvm后安装的node路径问题,是的vscode的终端权限有了限制,所以解决思路是重置vscode的终端为管理员权限。我在安装使用nvm管理node版本后,在vscode终端使用npm install时,报错如下。1、 在Windows应用中找到Windows PowerShell,右键以管理员运行。3、输入A后回车,再重新打开vscode即可使用终端npm install安装啦。网上查询使用很多种方法都没有解决。
2024-01-09 17:47:12
845
原创 npm install提示request to https://registry.npmjs.org/vue-cli failed, reason: connect ETIMEDOUT 104.16.
接收新项目拉取代码后安装依赖时npm install提示request to https://registry.npmjs.org/vue-cli failed, reason: connect ETIMEDOUT 104.16.19.35:443。最终身边的老手说可能是淘宝镜像的问题,于是,重新安装淘宝镜像。我有搜索别人的解决方案,说可能是npm版本问题,未解决。重新npm install安装依赖,成功啦。
2023-12-12 10:26:35
3088
原创 展厅场景中带语音解说的自动巡航导览
前段时间写了一个项目,大致需求为:在一个展厅内固定路线自动巡航导览,每个点有响应解说,解说完有弹窗提示选择继续巡航导览或是查看此点内容详情。到这里所有功能已经完成,其他交互细节可根据需要自行完善。1、写一个用于循环的列表,里面放入需要的内容。
2023-12-07 11:14:53
154
原创 PC端和手机端点击事件融合适配
有时我们在做响应式网站,需要既在PC在预览,也可以在手机端预览,那么就需要区分下两端的不同交互事件,拿最常用的点击事件举例,PC端点击事件是“click”,在手机端点击事件则是“touchstart”,通常有两种方法解决,1、通过js判断移动端和PC端采用两套不同的css样式文件,便于分开管理和开发。根据屏幕宽度通过媒体查询判断移动端和PC端,从而赋予不同样式。1、使用不同js文件,通过判断终端来引用不同js。2、使用同一个js文件,通过判断终端来区别使用。同样css样式在两端的适配也有两种方法。
2023-12-07 10:27:19
354
原创 http-server的安装和运行
文件中使用了ajax请求,只能使用http协议才能请求资源,所以此时需要在她电脑本地建立一个http服务,通过IP加端口号,来访问资源。http-server 是一个轻量级的 http服务器,它可以让任意一个目录成为服务器的目录,便于生产和使用,用于本地测试和开发。
2023-11-01 17:11:25
467
原创 nipplejs.js摇杆操控盘
nippleJs是一个虚拟摇杆的js库,专为可触摸的设备提供接口,常被用于游戏和可操作硬件设备的app或网页中。更改摇杆样式,只更改颜色可通过option的参数实现,先让圆盘变得好像自己设计的图,更改样式即可,主要要加!important来强制约束。
2023-10-18 16:53:32
1090
6
原创 three.js模型及贴图资源预加载
three.js预加载,模型、贴图资源预加载,LoadingManager(),loading页在所有资源内容加载完毕之后隐藏
2023-05-12 10:27:14
936
原创 视频video音频audio属性及监听事件
视频想要铺满整个页面方法,视频video音频audio监听事件addEventListener,play()load() pause()
2023-04-24 10:28:40
1061
原创 在油猴脚本中添加css样式的方法
由于项目要求,需要在系统页面注入dom元素,且对这些注入的元素在UI界面层有美观度要求,就避免不了要对其CSS样式优化。以上是在油猴脚本中添加UI样式的方法。二、使用油猴自带样式添加请求。
2023-03-21 15:25:28
4373
1
原创 油猴脚本使用jquery报错eslint:no-undef - ‘$‘ is not defined
油猴脚本使用jquery报错eslint:no-undef - '$' is not defined
2023-02-27 15:33:18
3477
原创 数据库密码明文加密在Node全栈项目中的尝试
之前参与的一个项目采用的是NodeJs+MongoDB数据库全栈开发,连接MongoDB数据库地址是写在nodejs的配置文件中实现调用,此前配置的数据库地址url的账号密码和IP地址是文明显示的,从安全性角度来看,如同在“裸奔”般危险。以上到优化步骤的解决方案存在一个问题,网站在运行过程中会不断的请求数据库,那么就会不断的进行解密的操作,改进方案即是把加密解密的操作单独写在一个rsa.js放置在中间件中,解密后的值以参数的形式传送过来。然后你会发现在 pem 文件夹下生成了两个文件,即公钥和私钥。
2023-02-21 14:37:03
300
原创 手机端H5页面判断是否横屏
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。之前,做了一个H5项目,需要在横竖屏变化时,展示不同效果。ipad,iphone: 90 或 -90 横屏。ipad,iphone: 0 或180 竖屏。Andriod: 90 或 -90 竖屏。Andriod:0 或180 横屏。
2023-01-28 17:43:12
2194
原创 模型压缩:gltf-pipeline安装使用
gltf、glb模型压缩,gltf-pipeline安装使用常见报错解决:无法加载文件 C:\Users\user\AppData\Roaming\npm\npx.ps1,因为在此系统上禁止运行脚本。
2022-11-01 14:38:22
3529
1
原创 项目国际化I18N多语言切换
i18n,作为国际化的门户网站,支持多种不同的语言,以方便不同国家,不同语种的用户访问尤其重要,目前通过Vue I18n已实现中英文自由切换
2022-08-31 15:00:21
1948
移动端PC端点击全屏功能
2023-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人