- 博客(45)
- 收藏
- 关注
RSS订阅原创 echarts图表子组件在父组件里保持响应式
这样当窗口尺寸变化时，父组件会同时触发自己图表和子组件图表的resize操作，保持整体响应式。3. 在父组件的chartsResize中调用子组件的resize。2. 在子组件MapChart中实现resize方法。1. 在父组件的MapChart标签上添加ref。
2025-03-18 09:54:27
271
原创 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
573
1
原创 Krpano小行星模式加载完之后再显示热点hotspot
在开始小行星模型后，首页上添加的hotspot热点也会显示出来，在整个加载过程成不太美观。
2024-06-20 09:36:07
271
原创 Threejs可使用的动画库Tween.js与其他
Tween.js是一个简单的缓动库，专注于提供各种缓动函数，支持多种数据类型，可以创建一些简单的动画效果。GSAP是一个功能强大的JavaScript动画库，支持多种类型的动画效果，可以创建各种复杂的动画效果。Anime.js是一个轻量级的JavaScript动画库，可用于创建复杂的动画效果。Popmotion是一个强大的JavaScript动画库，支持各种类型的动画效果。提供了时间轴、滚动效果、SVG动画、CSS动画等功能，性能高，可扩展性强。易于学习和使用，提供了颜色动画、路径动画等功能，性能好。
2024-06-20 09:26:19
458
原创 elementui中close-on-click-modal=“fasle“不生效
以上两种方式都不生效，如下将 :closeOnOlickOodal='false' 动态绑定才会生效。
2024-05-13 17:52:00
1171
原创 Threejs加载字体加载FontLoader与TTFLoader
在 Three.js 中使用自定义字体进行 3D 文本渲染。它最初是以 JSON 格式加载字体，现在Three.js已经有一个 TTFLoader 类，可用于加载 TTF 字体文件并将它们用作 TextGeometry！
2024-04-25 17:10:04
1443
原创 Threejs使用CSS2DRenderer后OrbitControls控制器不能用了
最后，经验证只需将控制器this.renderer.domElement改为this.labelRenderer.domElement即可释放出OrbitControls控制器。
2024-04-25 17:04:43
1037
1
原创 FFmpeg将绿幕视频处理成透明视频播放
怎么在网页端插入透明视频呢，之前在做Web3D项目时，使用threejs可以使绿幕视频透明显示在三维场景中，但是在网页端怎么让绿幕视频透明显示呢？色值，它是是绿幕视频背景的RGB值，具体可以换成你自己的绿幕值。注释：案例中绿幕视频来源于网络下载学习使用，这里如有侵权联系我删除~ffmpeg的安装使用及其他参数，可到我的另一篇文章里查看。如图上图，视频背景遮挡住后面网页内容。
2024-03-29 09:52:42
1895
2
原创 SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “... is not valid JSON at JSON.parse (＜anonymous＞)
通过测试发现是模型文件路径问题，模型文件路径需采用绝对路径，即"src/assets/models/rabbit.glb"，改成如下引入报错解决。使用绝对路径可以确保引入的是实际文件系统上的模型文件，避免在打包后文件找不到。
2024-03-20 17:16:04
4849
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
1410
原创 ‘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
301
原创 使用vue create 创建项目报错vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，命令去安装脚手架，然后再使用vue create即可成功创建项目。出现这个错误一般是电脑没有安装VueCli脚手架，使用。所在位置 行:1 字符: 1。
2024-03-06 14:38:38
1164
原创 MUI点击tab切换报错[Intervention] Unable to preventDefault inside passive event listener due to target bein
干预]由于目标被视为被动，因此无法在被动事件侦听器内阻止Default。好像并不影响整个页面其他功能，但是看到报错就行给去掉。解决办法：在css样式加个全局样式。添加后控制台报错提示即去除了。
2024-02-01 09:50:49
893
原创 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
1177
原创 vscode拉代码提示“未能对git remote进行身份验证”
以上就是我解决本次vscode拉代码提示“未能对git remote进行身份验证”报错的方法。控制面板>用户账户>管理你的凭证>Windows凭证>找到你的gitlab地址>点击编辑。可能是之前拉取别的项目组gitlab代码密码改动了，导致报错。然后回到vscode，拉取代码，这次就成功了。
2024-01-24 11:44:35
5158
原创 vue引入echarts报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘
在一个已有VUE项目中引入echarts报错，可能引起错误的原因是echarts引入方式错误。
2024-01-12 13:34:47
1061
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
1103
原创 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
4518
2
原创 展厅场景中带语音解说的自动巡航导览
前段时间写了一个项目，大致需求为：在一个展厅内固定路线自动巡航导览，每个点有响应解说，解说完有弹窗提示选择继续巡航导览或是查看此点内容详情。到这里所有功能已经完成，其他交互细节可根据需要自行完善。1、写一个用于循环的列表，里面放入需要的内容。
2023-12-07 11:14:53
180
原创 PC端和手机端点击事件融合适配
有时我们在做响应式网站，需要既在PC在预览，也可以在手机端预览，那么就需要区分下两端的不同交互事件，拿最常用的点击事件举例，PC端点击事件是“click”，在手机端点击事件则是“touchstart”，通常有两种方法解决，1、通过js判断移动端和PC端采用两套不同的css样式文件，便于分开管理和开发。根据屏幕宽度通过媒体查询判断移动端和PC端，从而赋予不同样式。1、使用不同js文件，通过判断终端来引用不同js。2、使用同一个js文件，通过判断终端来区别使用。同样css样式在两端的适配也有两种方法。
2023-12-07 10:27:19
584
原创 http-server的安装和运行
文件中使用了ajax请求，只能使用http协议才能请求资源，所以此时需要在她电脑本地建立一个http服务，通过IP加端口号，来访问资源。http-server 是一个轻量级的 http服务器，它可以让任意一个目录成为服务器的目录，便于生产和使用，用于本地测试和开发。
2023-11-01 17:11:25
797
原创 nipplejs.js摇杆操控盘
nippleJs是一个虚拟摇杆的js库，专为可触摸的设备提供接口，常被用于游戏和可操作硬件设备的app或网页中。更改摇杆样式，只更改颜色可通过option的参数实现，先让圆盘变得好像自己设计的图，更改样式即可，主要要加!important来强制约束。
2023-10-18 16:53:32
1794
6
原创 three.js模型及贴图资源预加载
three.js预加载，模型、贴图资源预加载，LoadingManager()，loading页在所有资源内容加载完毕之后隐藏
2023-05-12 10:27:14
1062
原创 视频video音频audio属性及监听事件
视频想要铺满整个页面方法，视频video音频audio监听事件addEventListener，play()load() pause()
2023-04-24 10:28:40
1211
原创 在油猴脚本中添加css样式的方法
由于项目要求，需要在系统页面注入dom元素，且对这些注入的元素在UI界面层有美观度要求，就避免不了要对其CSS样式优化。以上是在油猴脚本中添加UI样式的方法。二、使用油猴自带样式添加请求。
2023-03-21 15:25:28
5746
1
原创 油猴脚本使用jquery报错eslint:no-undef - ‘$‘ is not defined
油猴脚本使用jquery报错eslint:no-undef - '$' is not defined
2023-02-27 15:33:18
4290
原创 数据库密码明文加密在Node全栈项目中的尝试
之前参与的一个项目采用的是NodeJs+MongoDB数据库全栈开发，连接MongoDB数据库地址是写在nodejs的配置文件中实现调用，此前配置的数据库地址url的账号密码和IP地址是文明显示的，从安全性角度来看，如同在“裸奔”般危险。以上到优化步骤的解决方案存在一个问题，网站在运行过程中会不断的请求数据库，那么就会不断的进行解密的操作，改进方案即是把加密解密的操作单独写在一个rsa.js放置在中间件中，解密后的值以参数的形式传送过来。然后你会发现在 pem 文件夹下生成了两个文件，即公钥和私钥。
2023-02-21 14:37:03
391
原创 手机端H5页面判断是否横屏
移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。之前，做了一个H5项目，需要在横竖屏变化时，展示不同效果。ipad,iphone： 90 或 -90 横屏。ipad,iphone： 0 或180 竖屏。Andriod： 90 或 -90 竖屏。Andriod：0 或180 横屏。
2023-01-28 17:43:12
2506
移动端PC端点击全屏功能
2023-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人