自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(373)
  • 收藏
  • 关注

原创 webstorm 配置Eslint

2-2:自动生成配置文件命令 npx eslint --init,要注意有没有更改到eslint的版本,如果修改到了版本,那就是这个命令会造成eslint配置和版本很多不匹配的问题,所以还是自己手动生成eslint的配置文件,或者自己知道eslint的版本和插件一个一个安装,提示,配置eslint的版本是一个难点。3:配置的是eslint.config.js文件(使用的必须是webstorm2025版本,,使用的是命令npm init @eslint/config@latest初始化。

2025-06-08 23:44:25 107

原创 webstorm 配置 Prettier

4-2:操作后(快捷键Ctrl+Alt+Shit+P)2:webstorm配置启动prettier功能。1:先安装Prettier,将其安装在开发环境。

2025-06-06 11:19:29 195

原创 Vue3解决“找不到模块@/components/xxx.vue或其相应的类型声明ts文件(2307)”

2-1:如果没有这个etsconfig.json文件,就新建。1:如果没有这个env.d.ts文件,就新建。2:如果需要使用@简写访问src如下。

2025-06-05 17:45:02 262

原创 Vue项目中安装插件的命令及区别

1. 国内用户:可以使用cnpm获得更快的下载速度,但要注意cnpm有时可能会有兼容性问题。在Vue项目中,无论使用哪种包管理器,安装Vue插件的方式都是类似的,只是命令稍有不同。3. Vue CLI创建的项目默认使用npm,但可以自由选择其他管理器。1-5:bun (新兴的快速JavaScript运行时和包管理器)1-3:yarn (Facebook开发的包管理器)1-4:pnpm (高效磁盘利用的包管理器)1-2:cnpm (淘宝镜像的npm)3. 追求安装速度和磁盘效率:pnpm。

2025-06-01 11:10:09 384

原创 div或button一些好看实用的 CSS 样式示例

2:磨砂玻璃效果(适合现代UI)

2025-05-27 21:13:42 383

原创 Vue3 watch 使用与注意事项

分析:组件一开始挂载先执行一次监听中的source,一秒后,因为对sum.a或sum.b操作,所以又执行了一次source,但是source的返回值都没有发生变化,所以都没有执行回调函数(cb),这样监听只有当sum.a + sum.b返回的值发生变化,才会执行回调函数(cb)分析:一开始先执行source方法所以打印了x:3,又因为一秒后修改了c的值,同时source中对c有监听,所以又执行了一次source,但是因为返回的都是a+b,返回值没有变化,所以不执行回调函数(cb)

2025-05-25 22:54:25 927

原创 Vue: Cannot find module ‘@/hooks/useCounter‘ or its corresponding type declarations

使用@引入路径文件报错如下。

2025-05-25 11:14:26 198

原创 使用Vue3的Composition API (Hooks) 重构代码

3:然后创建两个自定义 Hook 文件:在src下创建hooks文件夹。1. 分离关注点:将计数逻辑和随机数逻辑分别提取到独立的 Hook 中。2. 可重用性:这些 Hook 可以在其他组件中复用。4. 可配置性:通过参数可以设置初始值,提高了灵活性。5. 组合性:在组件中可以组合多个 Hook 使用。3. 可测试性:每个 Hook 可以单独测试。1:未整改之前的组件Person.vue。

2025-05-24 22:19:45 127

原创 Vue3中reactive响应式使用注意事项

仅对对象类型有效:reactive 只能用于对象类型(Object、Array、Map、Set 等),不能用于原始值(string、number、boolean 等)深层响应式:reactive 是深层的,所有嵌套属性都是响应式的,对于大型对象可能有性能影响。直接赋值会失去响应性:将 reactive 对象整体赋值给另一个变量会失去响应性。解构会失去响应性:直接解构 reactive 对象会导致响应性丢失。响应式对象替换:替换整个 reactive 对象不会保持响应性。3:数组和集合类型的注意事项。

2025-05-23 18:15:40 622

原创 vue3前端开发过程中,解决跨域

前端代码也要相应修改。

2025-05-23 16:50:47 405

原创 vue3定于组件名字的几种方法

方法 3:使用插件 npm i vite-plugin-vue-setup-extend -D,先安装。方法 1:使用 defineOptions (Vue 3.3+ 推荐)在vue文件的script标签上就可以直接定义组件名字。方法 2:使用两个 < script > 标签。然后在vite.config.ts引入插件。

2025-05-22 21:35:03 246

原创 MyBatis-Plus-Join联表查询

MyBatis-Plus-Join 是一个增强 MyBatis-Plus 的库,简化了多表查询操作。使用步骤包括:1)添加依赖;2)修改 Mapper 类继承 MPJBaseMapper;3)通过 MPJLambdaWrapper 进行多表查询,支持 selectCollection 和 selectAssociation 处理一对多关系。示例展示了如何通过 MPJLambdaWrapper 生成 SQL 并自动映射结果集。此外,建议使用 JoinWrappers.lambda() 替代 new MPJLa

2025-05-18 16:28:52 255

原创 使用WebStorm打断点调试Vue项目

本文详细介绍了如何在WebStorm中配置和启动Vue项目进行调试。首先,需要在WebStorm中配置Vue启动服务,如果遇到空白选项,可以通过启动Vue项目或使用package.json来添加npm服务。接着,使用Debug模式启动项目,并记住启动成功的路径。然后,添加JavaScript调试配置,确保在调试时同时启动两个服务。最后,通过设置--remote-allow-origins=*来允许远程调试。整个过程旨在帮助开发者顺利配置和调试Vue项目。

2025-05-13 19:37:24 314

原创 vue前端项目env.d.ts的作用

env.d.ts文件内容,作用是为了让ts都可以识别到项目里的各种各样的文件,才能正常import使用。

2025-05-10 10:07:10 281

原创 图片文件转base64存储在数据库

【代码】图片文件转base64存储在数据库。

2025-05-07 15:47:43 176

原创 python项目使用docker在linux系统离线部署

4-1:如果使用的系统(windows,linux)不同需要手动去下载相应的wheel,有一些wheel带有any表示全部系统通用,有一些是根据系统版本下载的。4-4:也可以使用生成的镜像运行后,直接在环境里面执行如下命令,因为生成镜像运行就是默认在linux环境,再将生成的依赖库通过手动导出。2:导入python镜像,目前我的项目使用的3.11.4(注意一定要看项目是什么版本,就要下载什么版本的镜像)4-5:如果导出的依赖库都是对的,可以修改成如下的Dockerfile去执行生成镜像。

2025-03-23 21:32:41 498

原创 python环境出现出现 pip: command not found 错误

3:ython3 -m pip --version 可以正常显示 pip 的版本信息,但直接运行 pip -V 却提示 command not found。1:出现 pip: command not found 错误是因为系统没有安装 pip 或者 pip 没有正确配置。4:方法 1:直接使用 python3 -m pip,既然 python3 -m pip 可以正常工作,你可以直接使用它来代替 pip 命令。2:安装 pip,如果 pip 没有安装,可以通过以下命令安装。6:方法 3:创建软链接。

2025-03-23 21:11:21 1908

原创 python项目生成依赖文件requirements.txt

pip freeze 会列出当前环境中所有已安装的包及其版本,并输出到文件(如 requirements.txt)。生成依赖文件(.表示当前项目路径,也可以写绝对路径:pipreqs /path/to/your/project)pipreqs 可以根据项目代码自动生成依赖文件,只包含实际使用的包。pip freeze:简单生成当前环境的所有依赖。1. 使用 pip freeze 生成依赖文件。2. 使用 pipreqs 生成项目依赖文件。pipreqs:根据代码生成实际使用的依赖。安装 pipreqs。

2025-03-20 16:56:47 601

原创 python项目在linux系统离线部署

这两条命令创建符号链接(软链接),将 /usr/local/python3/bin/python3 和 /usr/local/python3/bin/pip3 分别链接到 /usr/local/bin/python3 和 /usr/local/bin/pip3。10:将原python项目下的site-packages,全部复制到linux系统的/usr/local/python3/lib/python3.11/site-packages,如下。3:在home目录下解压安装包。5:进入解压后的目录。

2025-03-19 17:37:34 573

原创 easyCode代码模板配置

easyCode代码模板配置

2025-02-16 20:19:05 371

原创 python检测显卡cuda是否可用

False表示不可以,0没有没有cuda设备。

2025-02-09 11:09:11 626

原创 yolo11训练模型与测试

yolo的模型

2025-02-08 19:42:26 310

原创 将labelme标注的json转yolo11的txt

python转换代码片段

2025-02-07 14:27:00 277

原创 华为管理型路由器设置NAT(映射)

第二步:如下配置,就可以内外网通过外网地址都可以访问到地址。第一步:如下,添加外网的访问,内网的访问。出现通过内网访问外网访问不了的问题。

2025-01-19 10:27:53 732

原创 redis订阅发布(精简)

测试使用mvc接口发送消息进行发布订阅。

2024-12-07 15:58:40 469

原创 视频流rtsp转flv播放实现

实现rtsp转flv实现简单就是导入包就行,但是这个包比较大,兼容各种平台。也可以使用另外一个依赖包github地址。里面有封装好的mvc接口,可以直接调用。

2024-12-06 21:59:40 625

原创 java应用cpu占用过高故障排除

在Java 8之前,持久代(PermGen)用于存储类的元数据,如果加载的类太多,或者有大量字符串常量,可能会导致PermGen空间不足,触发GC。代码中存在内存泄漏,即长时间持有不再使用的对象引用,导致这些对象不能被回收,随着时间的推移,内存泄漏会导致堆内存中积累大量垃圾。像ArrayList、HashMap这样的静态集合类,如果不断添加元素而不及时清理,会占用越来越多的内存,导致频繁GC。创建了大量线程,每个线程都有自己的栈和相关资源,过多的线程可能导致频繁的GC。

2024-12-06 21:32:10 3903

原创 前端http,ws拉流播放视频

类似http拉流地址为:http://localhost:8866/live?注意:修改摄像头主码流是subtype=0,副码流subtype=1,修改摄像头通道是channel=1或者channel=2。APi调试拉取的视频流是否可以播放。

2024-12-01 17:13:32 1351

原创 springboot项目完全退出操作

springboot项目完全退出操作。

2024-11-29 10:20:01 208

原创 docker-compose编排的创建容器,本地有镜像一直拉取线上镜像

在宿主机内修改:编辑/etc/docker/daemon.json 文件,添加以下内容,没有就新增。

2024-11-27 18:04:29 268

原创 把本地新项目初始化传到github

把本地新项目初始化传到github

2024-11-24 22:19:00 407

原创 java读取系统cpu,内存,硬盘信息

window的cmd,该命令会实时显示 CPU 使用率。

2024-11-17 22:21:49 406 3

原创 @ControllerAdvice全局捕捉异常,通过e.printStackTrace()打印异常发送详细位置信息

【代码】@ControllerAdvice全局捕捉异常,通过e.printStackTrace()打印异常发送详细位置信息。

2024-11-15 22:06:39 157

原创 IEC-104

【代码】IEC-104。

2024-11-14 20:22:50 594

原创 docker 安装mongodb

admin :数据库,进入时可指定也可不指定,不知道进入容器默认进入test数据库,初次进入新建的mongo容器,需要新进入admin数据库创建管理员账号并登录,之后可以进入自己创建的数据库并登录。: -v /mycontainers/mongodb/data:/data/db :挂载目录,前面的是宿主机的目录,后面的是容器中的目录。: -p 27017:27017 :端口映射,前面的宿主机的端口,后面是容器开启端口。: --auth : 指定需要用户密码验证。: -d : 指定后台运行。

2024-11-12 20:10:45 831

原创 内网穿透,打通远程和本地调试部署测试

内网穿透调试和部署是一种在开发和运维中常见的技术,特别是在你需要从外部访问位于本地或私有网络中的服务时。4. 内网穿透技术可以帮助开发人员绕过这些限制,直接让外部设备能够访问到位于内网中的服务,从而在调试、部署或远程操作时非常有用。1. NAT问题:本地服务器往往在私有 IP 地址(如 192.168.x.x)上运行,无法被外部网络直接访问。3. 安全性和防火墙:防火墙和网络安全策略会限制外部访问,进一步增加了与外部系统通信的难度。这是window的frp客户端和服务端的应该,需要以管理员启动。

2024-11-12 19:57:56 413

原创 java大华摄像头推流

java大华摄像头推流

2024-10-25 14:37:12 406 2

原创 BaseTypeHandler和@JsonSerialize数据类型的处理器

实体类要上要使用autoResultMap = true,不然不生效,同时在使用的字段上使用@TableField(typeHandler = ListStringTypeHandler.class),可以直接映射数据库的varchar类型。注意:如果处理的类型是list,返回为null是不会执行ToArraysSerializer的,如果类型是基本类型String,Boolean,为null是会执行的。实现BaseTypeHandler类,可以编写多个,根据情况定义。

2024-10-24 16:54:41 328

原创 minio设置直接通过访问链接在浏览器中打开

minio设置直接通过访问链接在浏览器中打开

2024-10-23 19:52:16 1832

原创 UniHttp框架直接对接第三方Http接口

声明定义的HttpAPI的包扫描路径,在spring的配置类上使用@UniAPIScan注解标记定义的@HttpAPI的包扫描路径,会自动为标记了@HttpApi接口生成代理对象并且注入到Spring容器中,之后只需要像使用Spring的其他bean一样,依赖注入使用即可。@ComposePar注解(这个注解本身不是对Http请求内容的配置,仅用于标记一个对象,然后会对该对象内的所有标记了其他@Par注解的字段进行嵌套解析处理, 目的是减少方法参数数量,支持都内聚到一起传递)

2024-10-22 11:05:33 677

空空如也

空空如也

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

TA关注的人

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