自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 X-anylableing算法标注及模型训练

X-AnyLabeling安装与使用指南 安装方式 单文件版:仅支持基础功能,不支持模型训练。 源码版:需Python 3.12.4环境,通过虚拟环境安装依赖(Ultralytics等),执行pip install -e .完成部署。 软件功能 支持图片/视频标注,可导出YOLO HBB格式(TXT文件)。 标注文件默认保存在biaozhu4目录,包含images、models等子文件夹。 模型训练 数据集量小(如15张图)可选yolov8s模型,训练约16小时生成best.onnx和data.yaml。

2026-07-23 14:42:40 279

原创 Nuxt v4 入门指南与实践 (vue前端角度开发)

本文对比分析了传统自建服务器与Vercel+云数据库组合的开发模式。从成本角度看,云原生模式初期可享受免费额度,按需付费更灵活;从开发效率看,前端工程师可独立完成全栈开发,减少沟通成本;运维方面实现零维护,具备自动扩容、全球CDN等优势。建议团队从小型项目试点,通过提升开发效率、降低运维成本等优势说服领导,逐步实现技术架构升级。这种模式能优化团队分工,让后端专注核心业务,同时保持技术前瞻性。

2026-03-30 11:39:38 337

原创 AI编程Rules配置指南

本文摘要了两套技术规范: Cursor项目基于Vue3技术栈,使用npm管理依赖,要求结构化目录和严格命名规范(如组件PascalCase,文件kebab-case)。强调代码质量:异步需try-catch,组件需key,限制代码行数,优先使用const/箭头函数,禁止冗余抽象。 Claude项目提出AI编码原则:先思考后行动,明确假设;保持极简,拒绝过度设计;仅修改必要代码,保持原有风格;以可验证目标驱动开发,分步定义验收标准。核心是通过前置确认减少返工,平衡谨慎与效率。 两套规范均体现「少即是多」的工程

2026-03-26 11:34:16 70

原创 h5全屏进入与退出全屏模式

摘要:本文介绍了在H5+App中实现视频全屏功能的解决方案。通过toggleFullscreen函数控制横竖屏切换,当进入全屏时锁定为横屏模式,退出时恢复竖屏。针对van-popup工具栏被van-tabbar遮挡的问题,采用teleport="#app"属性成功解决。代码中加入了API可用性检测和错误处理机制,确保功能稳定性。

2025-12-31 14:13:27 169

原创 设计一个 A → B 标准免登录跳转方案

本文介绍了两种SSO单点登录方案。当前方案通过token实现:用户从A站跳转B站时携带token,B后端校验后创建会话并返回302跳转,浏览器保存cookie完成登录。该方案成功条件包括顶级页面跳转、同域写cookie且不依赖JS和跨域。推荐的标准方案改用授权码方式:A后端生成一次性authCode,B站通过校验code创建会话并跳转,同样能实现免登录访问。两种方案都通过后端会话管理和302重定向确保登录成功,推荐方案安全性更高。

2025-12-20 09:48:06 366

原创 webrtc视频播放 前端拉流 socket版 点对点播放

等双方的 RTCPeerConnection 建立起来后,媒体流(H.264/Opus 等)会通过 WebRTC 的 RTP/RTCP/DTLS 通道传输,通常是 UDP,跟 WebSocket 无关。浏览器和服务端(或另一端)先通过 WebSocket/HTTP 交换 SDP、ICE 候选等信息,也就是 sendSignal 那些调用,这一步只传控制消息,不传媒体。ICE 候选:浏览器列出它可能用来收发流的 IP/端口组合(局域网、外网、TURN 中继等),逐个发给服务端。

2025-11-27 08:00:00 309

原创 Nexus 搭建 Npm 私服 实战

摘要:企业内网环境中使用Nexus私服管理npm依赖时,因某个插件依赖在线GitHub仓库导致安装失败。解决方案是:1)修改插件包的package.json;2)将修改后的插件及其依赖库上传至hosted仓库;3)清理旧版本;4)配置group仓库优先级;5)添加安全认证。该方案通过重构依赖管理机制,成功解决了内网环境下的依赖下载问题。(149字)

2025-08-27 08:00:00 440

原创 vscode 前端最佳插件配置

本文介绍了VS Code中常用的四种插件:中文简体、Vetur语法高亮、Prettier代码格式化和GitLens源代码管理,并详细说明了settings.json文件中的相关配置。重点包括Vetur的文件关联设置、Prettier的格式化规则(如缩进、换行、引号等)以及GitLens的版本控制配置。这些配置可实现代码自动格式化、语法高亮显示和便捷的Git操作,为开发者提供更高效的开发环境。

2025-08-23 08:00:00 304

原创 flv.js的追帧、断流重连及实时更新的直播优化方案

前端直播优化方案探讨:基于flv.js的实践 摘要:本文详细介绍了前端直播技术方案,重点分析了flv.js的应用优势及优化策略。在浏览器端直播协议对比中,HTTP-FLV在延迟、内存占用等方面表现优异。flv.js通过JS解码FLV数据并通过MediaSource扩展喂给Video标签,实现了高效直播播放。针对实际应用中的延迟累积、断流等问题,文章提出追帧设置(通过调整播放速度或跳帧)、断流重连机制、实时更新策略以及卡顿检测重建等优化方案。这些方法有效提升了直播的实时性和稳定性,为前端直播开发提供了实用参考

2025-06-23 11:20:19 1206

原创 DHCP导致断网改成固定 IP更稳定

自动获取IP可能导致断网的原因包括:DHCP服务器不稳定、IP地址冲突和租约过期等问题。改用固定IP更稳定是因为它不依赖DHCP,避免了服务器故障和租约问题。设置固定IP的步骤是:打开网络连接属性,选择IPv4协议,手动输入IP地址、子网掩码、网关和DNS服务器信息(如192.168.1.100和8.8.8.8等),保存后重启网络即可。这种方法能有效解决自动获取IP带来的不稳定问题。

2025-06-16 13:30:00 2466

原创 vscode中用户自定义代码模板logs

通过vscode个人设置的Snippets选项选择或者创建一个自定义snippets文件。snippets的文件格式类似JSON,文件中key的含义如下:prefix:设置自定义代码对应的快捷键。body:自定义代码片段主体,为数组形式,具体可参考后续代码。description:对该段自定义代码片段的描述。

2024-11-19 09:25:47 379

原创 Vue Vite Vue-cli 版本管理 和 Vue项目构建 和 vue-cli 版本差异

安装指定版本(V5.0.7) : npm install -g @vue/cli@5.0.7。安装最新版本(V2.9.6):npm install -g vue-cli@latest。安装指定版本(V2.9.5):npm install -g vue-cli@2.9.5。查看可安装的版本:npm view vue-cli versions --json。安装最新版本(V5.0.8): npm install -g @vue/cli。卸载已安装的版本:npm uninstall -g vue-cli。

2024-11-02 16:07:09 1279

原创 ElementPlus-日期选择器实现周选择,配置日期周一为周起始日

element ui 或者 plus 其实都是西方的展示方式,日立组件的周日视为每一周的开始日期,我们则是周日为每周的最后一天。我的element-plus版本为 "element-plus": "^1.0.1-beta.6"1. 首先修改中文语言环境,否则日期选择器是从周日开始的。2. 周选择的代码片段如下。

2024-11-01 17:31:01 2242 1

原创 实现拖动分割线改变左右布局容器

【代码】基于vue的左右拖动分割线改变布局容器。

2024-06-29 17:13:59 356

原创 揭秘:高效的前后端网站开发架构

前后端网站开发架构的设计对于构建高效、可扩展且易于维护的应用至关重要。在设计这样的架构时,需要考虑到应用的功能需求、性能要求、安全性以及未来可能的扩展需求。下面是一个关于如何设计前后端网站开发架构的简短说明。

2024-05-30 11:21:55 1597

原创 xshell 复制命令 cp 使用说明

命令时,如果目标位置已经存在同名文件,那么默认情况下,源文件会覆盖目标文件。如果你不希望发生这种情况,可以使用。另外,如果你需要将文件从一个服务器复制到另一个服务器,你可以使用。命令,该命令基于SSH协议进行文件传输。命令用于复制文件或目录。选项来在覆盖之前询问用户。

2024-05-17 11:54:16 2565

原创 安装指定版本Vue cli,创建vue项目

3.0及以上: (注意:项目名不能含有大写字母)如果是已经安装了4.0以上的版本,卸载重装即可。

2023-03-15 14:25:18 2906

原创 样式saas插件与node版本冲突终极解决方案

sass-loader 官网各种版本详细信息(可支持的node-saas版本)卸载掉本机node-sass sass-loader,卸载不掉的话手动删掉。NodeJS和Supported node-sass version。

2023-03-15 11:51:06 5119 1

原创 详解npm和package-lock.json

NPM 的全称是NodePackage Manager,是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。package.json用于告诉npm项目运行需要哪些包, 但包的最终安装的版本不能够只依靠这个文件进行识别, 还需以package-lock.json为准。

2023-03-15 10:11:15 1347

原创 面试问题总结

本文主要总结了Vue.js相关的核心知识点,包括SPA单页面应用、Vue基础语法、组件通信、生命周期、路由模式、数据绑定原理、性能优化等内容。

2023-03-06 17:17:48 211

原创 Vue常用知识点汇总

【代码】Vue常用知识点汇总。

2023-03-06 15:39:15 171

原创 localStorage、sessionStorage、cookies

如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,关闭浏览器后,cookie数据仍然存在,直到过期时间结束才消失。sessionStorage的生命周期是在浏览器窗口有效,关闭了浏览器窗口后就会被销毁。localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。后端使用较多,前端很少使用,不做具体分析。

2023-03-06 15:12:36 576

原创 字符串 数组 数组对象 常用方法

数组对象排序 并且考虑数字字符串转换为数字在比较。sort() 排序纯数字数组排序。

2023-03-06 14:52:38 175

原创 时间常用方法

/当前时间的前3个月时间。//当前时间的前一个星期时间。//当前时间的前10天时间。//当前时间的前1年时间。// 初始化日期时间。的文档相对简单、清晰!

2023-03-06 14:33:35 465

原创 数据类型判断

如:let bb = 452;console.log(Number.isFinite(a)) // 结果 true。返回的是对应类型的字符串,常用于检测基本数据类型,检测null和引用数据类型不准确。返回的是布尔值,基本数据类型就是false,引用数据类型返回true。如:console.log(isNaN('number'))isInteger 是返回true,不是就false。isNaN 是返回true,不是就false。

2023-03-06 11:59:53 143

原创 把Vue项目打包为桌面应用(最简)

进入打包后的dist文件夹,其中x86、x64是不同系统的桌面应用,点击进入就会看到对应的exe文件。

2022-09-17 16:55:53 9500 22

原创 SockJS实现数据的推送订阅

一、安装npm install sockjs-client --savenpm install stompjs --save二、使用<script>import SockJS from 'sockjs-client';import Stomp from 'stompjs';export default { name: 'Sidebar', data() { return { socket: null,

2022-04-28 14:57:03 828

空空如也

空空如也

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

TA关注的人

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