自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 Threejs墙体挖洞做门或窗

在使用Threejs代码构建的展厅中,需要在一面墙中间挖个洞作为门或窗户。引入ThreeBSP.js

2024-06-05 15:10:42 343

原创 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

原创 实用CSS样式集(三)

CSS3三角形。为了项目轻量化,一般能用css样式写出来的就不用图片,下面是用css3写常用的三角形。

2024-04-16 10:31:56 340

原创 实用CSS样式集(二)

1、浏览器默认样式优化,兼容火狐浏览器,若是整个页面滚动条都改变,.box改成*即可。2、缺个角的样式可以使用渐变来写。

2024-04-16 10:12:47 189

原创 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

原创 Threejs构建LED滚动字幕

【代码】Threejs构建LED滚动字幕。3D字幕

2023-08-03 16:48:12 272

原创 JS检测Shift+键组合

项目中使用到按住W键人物步行前进,按住Shift+W键,人物跑步前进,方法总结如下

2023-07-07 16:12:50 408

原创 Threejs贴图材质翻转问题

我们导入一个模型重新赋值一个材质图片,会出现材质上下翻转问题

2023-06-13 16:31:04 1183

原创 Threejs中使模型变亮或模型重新贴图

glb,gltf模型导入场景中是黑的解决办法,模型材质重新赋值

2023-06-13 10:36:29 2065

原创 three.js模型及贴图资源预加载

three.js预加载,模型、贴图资源预加载,LoadingManager(),loading页在所有资源内容加载完毕之后隐藏

2023-05-12 10:27:14 936

原创 实用CSS样式集(一)

CSS实用样式,渐变背景色,渐变文字,毛玻璃,灰度处理,噪点,旋转微动效

2023-05-11 14:23:22 391

原创 视频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

原创 js获取时间、节假日、节气

js获取当前时间、节假日、节气,根据当前时间、节假日、节气更换问候语和背景图片

2022-11-18 11:25:46 5652 1

原创 js事件只执行一次

一事件只执行一次,有以下两种方法。

2022-11-07 16:57:12 4358

原创 模型压缩: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

原创 UEditor编辑器常见问题的解决办法

UEditor编辑器常见问题的解决办法,提升交互体验

2022-08-25 14:56:53 3016 2

Threejs插件墙体挖洞ThreeBSP.js

Threejs插件墙体挖洞ThreeBSP.js

2024-06-05

3D模型动物glbgltf模型可用于threejs开发

3D模型动物glbgltf模型可用于threejs开发,鱼、恐龙、兔子、蜻蜓、鸟等动物类3D模型

2023-12-13

移动端PC端点击全屏功能

移动端PC端点击全屏功能,移动端全屏横屏document.addEventListener("fullscreenchange", function( event ) {})

2023-12-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除