- 博客(795)
- 资源 (25)
- 问答 (5)
- 收藏
- 关注
原创 我的创作纪念日
不知不觉,坚持发文已经四年了,今天CSDN提醒我已经创作四年了,其实我是从2020年的12月份开始注册的CSDN,当时只是为了找一些资料进行学习和完成本科期间的作业。开始写作发文是在 2021 年的 3 月,刚结束一个项目的我,发现自己在技术细节上的记忆开始模糊。当看到有读者留言说"你的文章是我晋级 Senior 的秘籍"时,突然明白:技术写作的本质,是把一个人深夜 debug 的孤独,变成千万人共同突破的技术共识。四年写作给我最大的启示是:技术写作不是输出,而是更高密度的思考。
2025-03-10 09:23:11
507
原创 git 拉取或推送到指定分支
补:当我们commit之后 发现自己的-m" " 的备注写错了 或者突然发现想要提交的代码还有问题需要修改,那怎么撤销commit进行回滚呢?可以使用命令:git reset --soft HEAD^ 这样就成功撤销了commit。此时会发现本地分支切换到了 v1,但是远程却没有这个分支。这时本地和远程分支都已经切换到 v1 分支上了。此时再看远程是否成功创建了 v1 这个分支。git 拉取或推送到指定分支。可以看到,当前分支是。
2024-08-27 08:51:02
6459
原创 一文搞懂Vue3中如何使用ref获取元素节点?
虽然 Vue2 和 Vue3 中的 ref 使用方式有着较大的区别,但是它们的目的都是一样的,所以我们只要朝着目的前进,都会与美好相遇的!
2022-09-17 20:47:19
6903
2
原创 edge下载网络问题无法下载
然后在上述选择框中找到:使用TLS1.0→→使用TLS1.1→→使用TLS1.2→→使用TLS1.3(实验),这4个打上勾,点击确定。点击“还原高级设置”,然后再点击“重置”(Windows11中没有“重置”按钮,请忽略此步骤)。◆在 “网络链接面板”,鼠标右键单击需要设置的网络适配器→“属性””,▲(按下Enter键)(将打开Internet属性界面)▲。▲在“Internet属性界面”点击“高级”,◆(按下Enter键)(将打开网络链接面板)◆。选择“自动获得IP地址”,(按下Enter键)...
2022-08-28 14:47:59
43880
21
原创 篇章八(副)Git详细使用说明++
1、安装git2、创建文件夹learngit3、初始化仓库4、新建readme.txt文件并编辑内容5、添加readme.txt到缓存git add filename6、提交并查看是否成功git commit -m “file描述”git status7、修改文件后打印修改记录当修改文件之后再次add和commit之后看修改记录8、查看文件内容9、撤销修改修改出错想要返回上一次修改状态或让这个文件回到最近一次git commit或git add时的状态。
2022-04-30 10:09:52
1307
27
原创 windows上搭建龙芯1c开发环境(eclipse+mysys2)
一、交叉编译工具链下载和安装找到“mips-mingw32.zip”,解压后,剪切到目录“D:\Program Files (x86)”内(也可以其它目录,根据自己喜好),然后进入其中的bin目录,如下将上图中的目录添加到环境变量中,如下一、下载MinGWMinGW官网下载:http://www.mingw.org ,点击右上角Downloads网盘链接:https://pan.baidu.com/s/1vQVKycK1TKVsnLV_OMgiCg 提取码:bbhl该软件已上传至博主资源内
2022-03-30 15:03:57
3999
2
原创 小程序加载页
本文设计了一款名为xx的xxx应用登录前的加载页面。页面包含应用图标、名称和加载动画,采用淡黄色背景(#F8F2E9)和妈祖文化相关背景图。主要组件包括: 200rpx圆形应用图标 红色(#A12821)主标题和灰色副标题 旋转加载动画(红色边框) 脉冲效果的"加载中..."文字 页面采用响应式设计,在小屏幕设备上自动调整元素尺寸。通过JavaScript设置2秒后自动跳转首页,并预留资源加载功能。整体设计融合传统文化元素与现代UI风格,营造庄重温馨的视觉效果。
2026-03-23 15:58:22
174
原创 微信小程序开发项目搭建(保姆教程)
本文介绍了微信小程序的注册、开发与基本使用流程。首先详细说明了小程序注册步骤,包括邮箱要求和主体类型选择。接着讲解了开发环境的搭建,包括开发者工具下载、项目创建、Vant组件库安装与配置。文章还涵盖了小程序开发的基础知识:WXSS样式单位、事件绑定、内置组件使用、数据绑定方法、生命周期函数以及常用API。最后详细介绍了5种页面跳转方式(navigator标签和wx API)以及tabBar的全局配置方法,包括参数说明和配置示例。
2026-03-12 14:27:02
469
原创 音视频处理:微信小程序实现语音转文字功能
本文介绍了在微信小程序中实现语音转文字功能的方法。首先需要在微信公众平台添加"微信同声传译"插件,并在app.json中配置插件信息。核心实现步骤包括:1)初始化录音管理器,设置识别中、识别结束和错误处理回调;2)实现开始录音功能,检查并获取录音权限;3)添加录音计时和停止录音功能;4)将识别结果保存到历史记录中。代码提供了完整的页面配置和TypeScript实现,包括权限处理、多语言支持和历史记录存储等功能。该方案通过微信官方插件简化了语音识别开发流程,适合需要语音输入的小程序应用场景
2026-03-11 17:37:19
361
原创 小程序实现多语言切换,简体繁体切换
小程序实现简繁体切换功能 该方案通过i18n国际化方案实现微信小程序的简繁体语言切换功能。核心实现包括: 页面结构:WXML文件中包含语言显示区域和切换按钮 逻辑处理:使用i18n-behavior行为封装语言切换逻辑,提供switchLanguage方法 样式设计:WXSS文件定义页面布局和按钮样式 国际化支持:通过i18n工具类管理翻译文本,监听语言变更事件 系统默认使用简体中文(zh-CN),可切换至繁体中文(zh-TW),所有翻译内容会随语言切换自动更新。该方案具有模块化、可扩展的特点,便于添加更多
2026-03-11 17:35:11
48
原创 统计代码量
摘要: 统计项目代码量是常见的开发管理需求,主要关注总行数和有效代码行数(SLOC)。常用工具包括:1) VS Code Counter插件,支持目录/工作区统计;2) 跨平台cloc工具,可生成详细报告;3) IntelliJ IDEA的Statistic插件,支持按项目/目录/文件类型统计。典型场景需区分总行数(含注释/空行)与有效代码行数(仅可执行代码),不同工具可根据实际需求选择使用。(149字)
2026-03-09 15:11:01
342
原创 我的创作纪念日——五载创作路,以技术赴热爱
摘要: 作者回顾了在CSDN五年的技术创作历程,从最初记录开发问题到深耕音视频处理、前端开发等领域,始终秉持实用主义理念。通过分享H.265播放异常、Cesium性能优化等实战经验,形成了"问题-解决-复盘"的创作闭环,累计产出数十篇高复用性博文,如支持中英文混合的TTS时长计算函数。五年间,创作与工作双向反哺:文章倒逼技术深度研究,项目案例又为内容提供鲜活素材。未来计划聚焦WebRTC、系列化输出,并拓展短视频、代码仓库等多元形式,坚守"实用经验分享"初心,与开发者
2026-03-09 14:54:34
504
原创 音视频处理:video 标签进行手动控制暂停,audio标签控制
摘要:本文介绍了在业务开发中实现视频标签切换时手动暂停视频的解决方案。通过添加pauseVideo()方法控制视频暂停,并在组件卸载时自动暂停。同时提供了两种取消静音方案:直接移除muted属性(可能受浏览器限制)或添加用户交互按钮来启用声音,后者包含完整的Vue组件实现代码,包括按钮样式和播放状态监听。方案二更符合现代浏览器的自动播放策略,确保音频正常播放。
2026-03-04 15:03:43
157
原创 二维码生成与下载
摘要 本文介绍了如何使用qrcode库实现二维码生成与下载功能。通过封装Qrcode.vue组件,支持canvas和img两种渲染方式,可自定义二维码内容、尺寸、容错率等参数。组件核心功能包括:基于文本内容生成二维码、添加logo标识、响应式调整二维码大小,并提供下载回调。实现过程涉及QRCode库的toCanvas/toDataURL方法调用,以及logo叠加、圆角处理等细节处理。组件通过watch监听内容变化自动重新生成二维码,并支持disabled状态下的提示功能。
2026-03-04 15:03:29
38
原创 音视频处理:视频播放 H.265 的几种插件库
本文介绍了在Vue项目中播放H265直播视频流时遇到只有声音没有画面的问题,最终通过升级SRS服务器解决。文章详细展示了三种视频格式(FLV、M3U8、MP4)在Vue中的实现方案,使用西瓜视频播放器(xgplayer)及其对应的插件(xgplayer-flv、xgplayer-hls)。每种格式都提供了完整的代码示例,包括组件模板、脚本导入、初始化配置和生命周期管理。特别说明了MP4格式无需额外插件即可支持,并强调了在组件销毁时正确释放播放器资源的重要性。
2026-02-05 15:53:11
670
原创 音视频处理:通过输入的文字自动计算机读时长
本文介绍了一个计算文本转语音时长的JavaScript函数。该函数支持中英文混合文本,通过区分中文(按字数)和英文(按单词数)分别计算时长,并提供慢、中、快三种预设语速(中文200字/分钟/英文150词/分钟为中速默认值),也支持自定义语速。函数会处理空字符串等边界情况,最终返回保留两位小数的秒数时长。使用示例展示了纯中文、中英混合、自定义语速等场景的计算结果,满足不同TTS工具和业务场景需求。
2026-02-05 15:52:57
540
原创 音频视频处理:获取指定视频流链接的时长,获取指定音频流链接的时长
摘要 本文介绍了如何通过前端JavaScript获取远程音视频文件的时长。主要利用HTMLVideoElement和HTMLAudioElement的元数据加载功能,无需下载完整文件即可获取时长信息。关键点包括:1) 创建video/audio元素并设置跨域属性;2) 监听onloadedmetadata事件获取duration属性;3) 错误处理和资源释放。提供了完整的Vue 3实现代码,支持视频和音频文件,包含超时控制、跨域处理等功能。该方法适用于MP3、MP4等常见格式,能精确到小数点后两位(秒)。
2026-02-01 16:51:18
833
原创 音视频处理:视频时间轴在指定时间处添加音频并展示可视化拖拽条
本文介绍了基于JavaScript实现视频时间轴与音频对齐的技术方案。主要内容包括:1) 通过创建临时video元素获取远程视频时长,处理加载失败和超时情况;2) 设计智能时间轴刻度算法,自动计算最优刻度间隔(1-1000秒),支持动态调整刻度密度(8-20个刻度);3) 实现可视化时间标尺渲染,确保刻度覆盖完整视频时长。方案采用模块化设计,包含视频时长获取、刻度计算和UI渲染三个核心模块,适用于直播/录播场景,支持FLV格式播放。关键创新点在于智能刻度算法,能自动适应不同视频长度,生成人类友好的整数刻度。
2026-02-01 16:51:00
372
原创 音频视频处理:解决鼠标拖拽音轨并对延迟进行优化
摘要 本文解决了音频轨道拖拽时的延迟问题。原代码存在频繁DOM查询、未使用requestAnimationFrame优化动画、事件监听不当等问题。优化方案包括:使用requestAnimationFrame优化动画性能,合理绑定/解绑事件监听器,禁用默认拖拽行为,并添加边界检查确保元素不越界。改进后代码通过缓存DOM元素、优化动画帧处理和正确管理事件监听,显著提升了拖拽流畅度。关键优化点包括性能敏感的鼠标移动处理和及时的资源释放。
2026-01-16 17:51:30
328
原创 音频视频处理:前端直播流播放 flv
本文介绍了三种前端播放直播流的方案:1)使用Video.js+HLS插件播放m3u8格式流,兼容性好但延迟较高;2)采用Flv.js播放FLV流,延迟较低;3)通过WebRTC实现超低延迟播放。三种方案分别适用于不同场景,均提供Vue3代码示例,包括播放器初始化、流地址配置和资源释放处理。方案选择需权衡延迟需求和浏览器兼容性,其中HLS方案兼容性最佳,WebRTC延迟最低但实现复杂度较高。
2026-01-16 17:50:56
666
原创 气象数据接入
文章摘要:本文介绍了接入气象数据的实现方案,主要分析了彩云天气和墨迹天气的API接口。通过Vue组件实现了天气数据显示功能,包括24小时预报和15天预报。代码展示了如何通过fetch请求获取天气数据,并处理日出日落时间、温度曲线等气象信息。同时提供了模拟接口数据的备用方案,以应对API调用次数限制的问题。
2026-01-06 14:24:12
162
原创 Cesium 问题:for循环添加接口返回的数据进行实体类添加时会影响地图的加载
摘要:Cesium在初始化时添加大量实体会导致主线程阻塞,表现为地图卡顿或黑屏。本文分析了不同数量实体对性能的影响,并提供了四种优化方案:1)分批异步添加实体,避免主线程阻塞;2)使用EntityCollection批量创建;3)改用Primitive实现高性能批量渲染;4)配置Cesium性能优化选项。其中分批异步添加方案实现简单且效果显著,推荐作为首选方案。这些方法可有效解决大量实体加载时的性能问题,提升用户体验。
2026-01-06 11:12:32
47
原创 Cesium 报错:CONTEXT_LOST_WEBGL: loseContext: context lost和 Failed to set the ‘length‘ property on ‘Arr
本文针对Cesium开发中常见的WebGL上下文丢失和数组长度异常问题提供了系统解决方案。核心原因包括GPU资源不足导致WebGL上下文丢失,以及大规模数据处理不当引发内存溢出。解决方案分为三个方面:1) 通过事件监听实现WebGL上下文恢复,并优化GPU资源占用;2) 限制数据规模、分批加载并校验数据合法性;3) 进行硬件和环境优化。文章提供了详细的代码示例,建议在视觉效果和性能之间取得平衡,必要时使用性能监控工具主动降级渲染策略。这些方法可有效解决Cesium在复杂场景下的渲染稳定性问题。
2025-12-24 10:06:35
267
原创 Cesium 或 bigemap 中加载 .tif 格式的影像文件,调整 tif 影像位置
本文介绍了两种在Cesium中直接加载.tif格式影像数据的方法。第一种是将TIF转为图片格式进行加载,通过ImageMaterialProperty实现简单展示。第二种是推荐方案,利用geotiff.js库解析TIF文件:1)安装geotiff库;2)配置Nginx代理确保文件访问;3)创建解析工具类处理坐标转换和像素渲染;4)通过SingleTileImageryProvider加载生成的Canvas图像。该方法支持完整地理坐标映射,适合未切片的单层TIF数据展示,解决了无瓦片服务时的加载需求。
2025-12-24 10:06:08
107
原创 Element 中 upload 图片上传封装与视频图片混合上传
本文摘要: 封装了一个基于Element Plus的el-upload组件,支持两种上传模式:前端直连上传和后端代理上传。前端上传通过预签名URL直接上传到对象存储,后端上传则通过API接口中转。组件实现了图片和视频混合上传功能,包含文件类型校验、大小限制、预览功能(支持图片查看和视频播放)以及删除操作。封装了统一的请求处理逻辑,适配不同上传方式,并提供错误处理和提示功能。组件支持拖拽上传、多文件选择和数量限制,具有良好的用户体验。
2025-12-19 10:03:51
582
原创 JS 常用方法
本文总结了JavaScript开发中的四个实用技巧:1) 检查对象属性存在性的两种方法(in操作符和hasOwnProperty);2) 同时处理中英文逗号分割字符串的正则表达式;3) 为数组元素添加新字段的两种实现方式(map和forEach);4) 使用performance.now()精确测量代码执行时间。这些技巧涵盖了对象操作、字符串处理、数组处理和性能分析等常见开发场景。
2025-12-19 10:03:27
232
原创 Vue全局挂载Element消息组件技巧
文章摘要:本文介绍了在Vue项目中全局挂载Element UI/Plus的Message组件的几种方法。对于Vue2+Element UI,可通过原型挂载到Vue.prototype或window对象;Vue3+Element Plus则支持三种方式:1)通过app.config.globalProperties全局挂载;2)使用provide/inject依赖注入;3)最简单的按需引入方式。每种方法都提供了具体代码示例,开发者可根据项目需求选择适合的全局消息提示方案。
2025-12-16 16:48:25
500
原创 Vue 3.x 移除.native修饰符
本文对比了Vue 2.x和3.x中事件监听处理的变化。在Vue 2.x中,需要通过.native修饰符监听组件的原生事件;而Vue 3.x移除了该修饰符,改为在emits选项中明确声明组件事件。未声明的事件会作为原生事件处理。文章展示了两种版本的代码示例,包括选项式和setup语法糖写法,说明了3.x版本通过defineEmits定义和触发自定义事件的新方式。这一变更使事件处理更加明确和规范化。
2025-12-16 16:47:57
239
原创 深入了解 Nginx
Nginx ,是一个 Web 服务器和反向代理服务器,用于 HTTP、HTTPS、SMTP、POP3 和 IMAP 协议。目前使用的最多的 Web 服务器或者代理服务器,像淘宝、新浪、网易、迅雷等都在使用。作为 http server (代替 Apache ,对 PHP 需要 FastCGI 处理器支持)反向代理服务器实现负载均衡虚拟主机。
2025-12-05 10:38:41
896
原创 问题:Nginx 上传文件 413 错误解决指南
摘要:解决Nginx上传文件报错"413 Request Entity Too Large"的方法。该错误表明请求体超过服务器限制,需修改Nginx配置中的client_max_body_size参数(默认1MB)。可全局或针对特定接口调整限制值,修改后需执行nginx -s reload重启服务。若报错"command not found",需检查Nginx安装状态和可执行文件路径,使用完整路径执行重启命令。
2025-12-05 10:38:21
439
原创 Java程序打包成EXE全攻略
本文介绍5种将Java程序打包为Windows可执行文件的方法:1) Launch4j可配置JRE版本和图标生成EXE;2) Inno Setup可创建包含JRE的安装包;3) JDK14+的jpackage工具直接打包;4) JSmooth支持自动下载JRE;5) exe4j转换工具。注意事项包括JRE依赖、路径规范和测试验证,推荐根据需求选择工具,其中Launch4j适合简单转换,jpackage适合现代JDK版本。
2025-12-04 09:51:50
952
原创 uniApp 开发
本文介绍了使用uniApp创建项目的完整流程。首先需要安装Node.js(推荐v16.20.2)并配置镜像源。然后安装HBuilder和安卓模拟器,提供三种创建项目方式:命令行创建、下载空模板和直接安装。项目配置包括忽略版本提示、禁用页面回弹效果等。详细说明了Pinia状态管理的安装与使用,包括创建store和调用方法。还介绍了表单验证的实现,包括必填项标记和验证规则设置。最后提供了其他常用依赖的安装命令,如md5、sass等。全文配有详细代码示例和界面截图,指导开发者完成uniApp项目的基础搭建和常用功
2025-12-04 09:50:24
992
原创 Vue 项目自动切换内外网环境地址请求地址
本文介绍了根据内外网环境自动切换后台地址的实现方案。首先在.env.production文件中配置内网(VUE_APP_BASE_API)和外网(VUE_APP_BASE_API_WWW)两个地址。然后在axios请求拦截器中,通过判断window.location.host是否包含"192.168"或"localhost"来区分内外网环境,动态设置config.baseURL为对应的接口地址。内网环境使用内网地址,外网环境则使用外网地址,实现了环境地址的自动切换功能
2025-12-01 16:53:30
325
原创 Iframe如何隐藏PDF预览中的默认操作栏
摘要 通过修改iframe参数移除PDF预览默认工具栏的方法:在PDF链接后添加#toolbar=0&embedded=true参数即可隐藏顶部操作栏。具体实现使用React组件,包含透明背景、圆角边框和自定义关闭按钮的样式设计。关键代码为iframe的src属性设置,配合CSS实现毛玻璃视觉效果,从而控制用户下载权限,提升界面美观度。组件还包含标题栏和响应式高度调整功能。 (字数:148字)
2025-12-01 16:51:09
354
原创 Vue密码强度校验和密码加密解密CryptoJS
密码强度校验实现方案 摘要:本文展示了两种前端密码强度校验的实现方式。第一种方案基于Element UI表单组件,通过字符类型检测(字母、数字、符号)将密码强度分为弱、中、强三级,并实时显示带颜色标识的强度提示。第二种方案采用Vue 3组合式API,实现更精细的五级强度评分(0-4分),包含长度检查、大小写字母和数字验证,同时提供进度条式视觉反馈和详细的密码要求提示。两种方案均实现了密码输入时的实时校验功能,有效提升用户密码设置安全性。
2025-11-12 10:02:01
1080
原创 React+Ant design
本文介绍了React基础语法和常用Hooks的使用方法。主要内容包括: React语法要点:JSX括号使用、三种样式写法(className、内联style、样式变量)以及项目创建命令。 核心Hooks详解: useState:状态管理 useEffect:处理副作用(数据请求等) useMemo/useCallback:性能优化 useRef:持久化引用 useContext:跨组件数据共享 useReducer:复杂状态管理 条件渲染:使用三元表达式实现条件判断 文章通过代码示例展示了各种Hook的具体
2025-11-12 10:01:07
1079
原创 Vite项目Local与Network地址跨域问题解决
Vite项目Network地址跨域问题分析与解决 问题现象:使用npm run dev启动Vite项目时,Local地址(localhost:5173)接口正常,但Network地址(192.168.x.x:5173)出现跨域错误。 原因分析: 开发服务器默认配置仅允许localhost访问 代码中env.js文件硬编码了API_URL默认值为"http://localhost:5173/" 浏览器同源策略限制不同域名的请求 解决方案: 修改src/utils/env.js文件,将API
2025-11-06 14:44:33
706
多边形合并:使用 multiPolygon, polygon 方法进行合并
2023-10-10
风场数据,解压即用,按照博主文章进行加载即可使用
2023-09-10
KDD99入侵检测数据预处理和分类源代码及数据集
2023-06-20
echarts文件中有dist\echarts.js,引入到自己的echrts中即可使用
2022-09-15
酒数据的数据分析的数据集,可以供大家直接使用
2022-07-10
酒数据预测-决策树预测.ipynb,酒数据预测-决策树算法.ipynb,文件使用决策树算法预测对酒数据进行预测归类和分析,详情见
2022-07-10
酒数据预测-knn算法.ipynb,文件使用KNN算法对酒数据进行预测归类和分析
2022-07-10
FolderMove.exe
2022-05-11
Keil uvision5 MDK RM v5.29.zip
2022-04-27
该文件是Keil5中所用到的C51芯片的安装
2022-04-23
使用步骤:https://blog.csdn.net/qq_53810245/article/details/123674836
2022-03-23
安装步骤:https://blog.csdn.net/qq_53810245/article/details/123674836
2022-03-23
Bigemap 静态文件引入即可使用
2025-08-07
jdk-8u351-windows-x64.exe,双击安转配置环境变量
2025-04-10
Echarts 折线图填充区域
2025-03-31
无人机模型- glb 格式,用于展示视角漫游飞行效果
2024-09-24
加载中国数据(china.json)
2024-09-09
blender-4.0.2-windows-x64.msi文件作为可运行的打开obj格式的文件内容
2024-01-25
报错:执行pacman -S make命令时报错
2022-03-29
vue3创建项目后无法run serve
2022-03-03
关于CSDN吞掉我的编辑
2022-03-01
立个Flag,做一只有梦想的小猪
2022-02-06
立个Flag,做一只有梦想的小猪
2022-02-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅