小朱talk-优快云博客

原创 1panel前端部署

最终决定访问的是: nginx.conf + 1Panel端口映射的组合nginx.conf: 决定容器内服务运行在哪个端口1Panel映射: 决定外部如何访问这个端口Dockerfile EXPOSE: 只是说明文档，不影响实际功能。

2025-10-10 15:41:50 271

原创 1Panel中后端通过jar包构建镜像部署

宿主机路径容器路径命令：java -jar app.jar --spring.config.location=file:/opt/1panel/backend/application.properties。

2025-09-03 10:42:04 520

3：这里没什么复杂的，主要是起一个镜像名，还有就是选择适合自己的dockerfile文件，也可以自己编辑dockerfile,最后点击确认就可以了。第一：将前端打包后的dist包与Dockerfile文件放在服务器指定文件夹下，服务器用的ubuntu22.04系统，前端：vue3+ts，后端：java。5：切换到镜像一栏，开始构建用镜像构建容器，点击创建容器。2:在1panel中找到容器，点击构建镜像。7：最后点击确认，确认容器是否创建成功。8：最后看下部署上去的前端能否正常访问。

2025-08-27 13:37:40 244

原创 Nvidia Jetson PE1100N 折腾记录

一个问题是：提示 /home/ubuntu/box/mfi_PE1100N-orin-super/p3768-0000-p3767-0000-pe1100n-super.conf: 行 29: /home/ubuntu/box/mfi_PE1100N-orin-super/p3768-0000-p3767-0000-a0-pe1100n.conf: 没有那个文件或目录。尝试方法2：换了一个镜像，烧录成功Ubuntu22.04，原本的jetpack版本可能与现在的BOX不适配造成的。

2025-07-29 09:35:08 333

原创 JavaScript如何实现继承？

通过来划分不同的继承方式，最后的寄生式组合继承方式是通过组合继承改造之后的最优继承方式，而extends的语法糖和寄生组合继承的方式基本类似。

2023-10-10 11:05:35 141

原创个人对数据结构的理解

数据结构是计算机存储、组织数据的方式，是指相互之间存在一种或多种特定关系的数据元素的集合,一个程序 = 算法 + 数据结构，数据结构是实现算法的基础，选择合适的数据结构可以带来更高的运行或者存储效率。堆：堆是一种特殊的树形数据结构，每个结点都有一个值，特点是根结点的值最小（或最大），且根结点的两个子树也是一个堆。的特性存储数据，先进入的数据被压入栈底，最后的数据在栈顶，需要读数据的时候从栈顶开始弹出数据。树:树是典型的非线性结构，在树的结构中，有且只有一个根节点，该节点没有前驱节点。相等的记录，则必定在。

2023-09-11 09:21:16 370

原创 vue中使用three.js报错：Image 0 is missing URI and bufferView

"Image 0 is missing URI" 和 "bufferView" 报错通常与3D模型的glTF（GL Transmission Format）文件格式有关，这是一种用于传输和加载3D模型的文件格式。：glft文件中的图像（纹理）通常需要具有url，以便在加载模型时可以找到图像文件。确保每个glft文件中的每个图像都具有正确的url。：如果在加载glft文件时使用了相对路径，应该确保这些路径是正确的，文件位于预期位置。：确保glft文件符合您使用的glft版本的规范，不同版本之间可能有差异。

2023-08-30 11:33:57 256

原创 All compiler errors have to be fixed bafara un enter playmode!

初学 Unity3D 报错问题。删除组件在重新建立下就Ok了。另一方面注重看报错原因。的话也会导致上述报错。

2023-08-01 16:35:49 1413

原创记录一下Found: react@18.0.0npm ERR! node_modules/reactnpm ERR! react@“^18.0.0“ from the root project

ERESOLVE unable to resolve dependency tree ---ERESOLVE 无法解析依赖关系树。解决方法2 npm install --legacy-peer-deps 忽视依赖冲突,继续安装（不覆盖之前)解决方法1 npm install --force 无视冲突，强制获取远端npm库资源（覆盖之前）此命令带有 --force，或 --legacy-peer-deps。根据报错信息可以得知是因为依赖冲突导致不能下载依赖包。接受不正确（且可能损坏）的依赖项解析。

2023-07-26 14:35:16 1414

原创 windows下nginx的安装使用及解决80端口被占用nginx不能启动的问题

5：再次启动nginx，可以正常启动，可以在任务管理器中查看到nginx的进程。重新启动下直接访问8090端口 ok 访问成功。1 ：查看80端口占用情况，pid的值为3960。3：在运行中输入regedit打开注册表编辑器。2：通过以下命令查看3960所对应的服务名称。4：找到Start，右键修改将其制改为4。

2023-07-20 11:52:07 3627 1

原创如何在vue项目中优雅的使用svg图片

由于是vue2.0的项目切勿使用版本过高避免造成版本冲突问题。要不然会出现svg页面已经占位但是看不见的问题！在vue.config.js配置中加入以下两个代码片段。src/icon/自己引用的svg图片。建立公共组件 SvgIcon。src文件夹新建以下内容。main.js中引入。最后直接使用就OK了。

2023-07-12 09:56:33 1157

原创 calc，support，media各自的含义及用法

个人理解和运算符的两边必须要有空白字符，否则会被解析为无效表达式）calc()函数支持嵌套，但支持的方式是：把被嵌套的calc()函数全当成普通的括号顾名思义支撑承受支持赞助的意思在css语法中@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，**你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。（值的注意的是：不是说所有的浏览器以及其所有的版本都是支持@support的。1.逻辑操作符：“not” 的用法}}

2023-06-27 09:30:28 501

原创 vue3项目中 @0.0.0 preinstall: `node ./scripts/preinstall.js` 报错问题

解决办法：卸载之前低版本node ，由于vue2 和 vue3都有使用，所以安装nvm 这样可以来回切换node版本使用起来比较方便。在npm run dev时再次启动报错 Error: Cannot find module 'node:path'原因：node 版本过低（用的是14.16.0） vue3项目的话要求node版本必须是16.0以上的。记录在vue3.0项目中 npm install安装依赖报错问题。使用 npm i --ignore-scripts 安装依赖。

2023-06-26 09:44:07 2416 1

m0_60527150的博客