- 博客(780)
- 资源 (25)
- 问答 (5)
- 收藏
- 关注
RSS订阅
原创 我的创作纪念日
不知不觉，坚持发文已经四年了，今天优快云提醒我已经创作四年了，其实我是从2020年的12月份开始注册的优快云，当时只是为了找一些资料进行学习和完成本科期间的作业。开始写作发文是在 2021 年的 3 月，刚结束一个项目的我，发现自己在技术细节上的记忆开始模糊。当看到有读者留言说"你的文章是我晋级 Senior 的秘籍"时，突然明白：技术写作的本质，是把一个人深夜 debug 的孤独，变成千万人共同突破的技术共识。四年写作给我最大的启示是：技术写作不是输出，而是更高密度的思考。
2025-03-10 09:23:11
477
原创 一文搞懂Vue3中如何使用ref获取元素节点？
虽然 Vue2 和 Vue3 中的 ref 使用方式有着较大的区别，但是它们的目的都是一样的，所以我们只要朝着目的前进，都会与美好相遇的！
2022-09-17 20:47:19
6859
2
原创 edge下载网络问题无法下载
然后在上述选择框中找到：使用TLS1.0→→使用TLS1.1→→使用TLS1.2→→使用TLS1.3（实验），这4个打上勾，点击确定。点击“还原高级设置”，然后再点击“重置”（Windows11中没有“重置”按钮，请忽略此步骤）。◆在 “网络链接面板”，鼠标右键单击需要设置的网络适配器→“属性””，▲（按下Enter键）（将打开Internet属性界面）▲。▲在“Internet属性界面”点击“高级”，◆（按下Enter键）（将打开网络链接面板）◆。选择“自动获得IP地址”，（按下Enter键）...
2022-08-28 14:47:59
42300
21
原创 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
3967
2
原创 气象数据接入
文章摘要：本文介绍了接入气象数据的实现方案，主要分析了彩云天气和墨迹天气的API接口。通过Vue组件实现了天气数据显示功能，包括24小时预报和15天预报。代码展示了如何通过fetch请求获取天气数据，并处理日出日落时间、温度曲线等气象信息。同时提供了模拟接口数据的备用方案，以应对API调用次数限制的问题。
2026-01-06 14:24:12
108
原创 Cesium 问题：for循环添加接口返回的数据进行实体类添加时会影响地图的加载
摘要：Cesium在初始化时添加大量实体会导致主线程阻塞，表现为地图卡顿或黑屏。本文分析了不同数量实体对性能的影响，并提供了四种优化方案：1）分批异步添加实体，避免主线程阻塞；2）使用EntityCollection批量创建；3）改用Primitive实现高性能批量渲染；4）配置Cesium性能优化选项。其中分批异步添加方案实现简单且效果显著，推荐作为首选方案。这些方法可有效解决大量实体加载时的性能问题，提升用户体验。
2026-01-06 11:12:32
7
原创 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
148
原创 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
41
原创 Element 中 upload 图片上传封装与视频图片混合上传
本文摘要： 封装了一个基于Element Plus的el-upload组件，支持两种上传模式：前端直连上传和后端代理上传。前端上传通过预签名URL直接上传到对象存储，后端上传则通过API接口中转。组件实现了图片和视频混合上传功能，包含文件类型校验、大小限制、预览功能（支持图片查看和视频播放）以及删除操作。封装了统一的请求处理逻辑，适配不同上传方式，并提供错误处理和提示功能。组件支持拖拽上传、多文件选择和数量限制，具有良好的用户体验。
2025-12-19 10:03:51
342
原创 JS 常用方法
本文总结了JavaScript开发中的四个实用技巧：1) 检查对象属性存在性的两种方法（in操作符和hasOwnProperty）；2) 同时处理中英文逗号分割字符串的正则表达式；3) 为数组元素添加新字段的两种实现方式（map和forEach）；4) 使用performance.now()精确测量代码执行时间。这些技巧涵盖了对象操作、字符串处理、数组处理和性能分析等常见开发场景。
2025-12-19 10:03:27
205
原创 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
432
原创 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
192
原创 深入了解 Nginx
Nginx ，是一个 Web 服务器和反向代理服务器，用于 HTTP、HTTPS、SMTP、POP3 和 IMAP 协议。目前使用的最多的 Web 服务器或者代理服务器，像淘宝、新浪、网易、迅雷等都在使用。作为 http server (代替 Apache ，对 PHP 需要 FastCGI 处理器支持)反向代理服务器实现负载均衡虚拟主机。
2025-12-05 10:38:41
864
原创 问题：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
363
原创 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
863
原创 uniApp 开发
本文介绍了使用uniApp创建项目的完整流程。首先需要安装Node.js（推荐v16.20.2）并配置镜像源。然后安装HBuilder和安卓模拟器，提供三种创建项目方式：命令行创建、下载空模板和直接安装。项目配置包括忽略版本提示、禁用页面回弹效果等。详细说明了Pinia状态管理的安装与使用，包括创建store和调用方法。还介绍了表单验证的实现，包括必填项标记和验证规则设置。最后提供了其他常用依赖的安装命令，如md5、sass等。全文配有详细代码示例和界面截图，指导开发者完成uniApp项目的基础搭建和常用功
2025-12-04 09:50:24
952
原创 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
284
原创 Iframe如何隐藏PDF预览中的默认操作栏
摘要 通过修改iframe参数移除PDF预览默认工具栏的方法：在PDF链接后添加#toolbar=0&embedded=true参数即可隐藏顶部操作栏。具体实现使用React组件，包含透明背景、圆角边框和自定义关闭按钮的样式设计。关键代码为iframe的src属性设置，配合CSS实现毛玻璃视觉效果，从而控制用户下载权限，提升界面美观度。组件还包含标题栏和响应式高度调整功能。 （字数：148字）
2025-12-01 16:51:09
200
原创 Vue密码强度校验和密码加密解密CryptoJS
密码强度校验实现方案 摘要：本文展示了两种前端密码强度校验的实现方式。第一种方案基于Element UI表单组件，通过字符类型检测（字母、数字、符号）将密码强度分为弱、中、强三级，并实时显示带颜色标识的强度提示。第二种方案采用Vue 3组合式API，实现更精细的五级强度评分（0-4分），包含长度检查、大小写字母和数字验证，同时提供进度条式视觉反馈和详细的密码要求提示。两种方案均实现了密码输入时的实时校验功能，有效提升用户密码设置安全性。
2025-11-12 10:02:01
1054
原创 React+Ant design
本文介绍了React基础语法和常用Hooks的使用方法。主要内容包括： React语法要点：JSX括号使用、三种样式写法（className、内联style、样式变量）以及项目创建命令。 核心Hooks详解： useState：状态管理 useEffect：处理副作用（数据请求等） useMemo/useCallback：性能优化 useRef：持久化引用 useContext：跨组件数据共享 useReducer：复杂状态管理 条件渲染：使用三元表达式实现条件判断 文章通过代码示例展示了各种Hook的具体
2025-11-12 10:01:07
1047
原创 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
619
原创 图片在下文字在上：两种实现方式
本文介绍了两种实现"图片在下，文字在上"效果的HTML/CSS方案。方式一使用伪元素添加SVG图标，通过渐变背景和悬停效果创建美观按钮；方式二直接设置背景图片，文字叠加在图片上。两种方式都实现了文字浮于图片之上的视觉效果，区别在于方式一更轻量(内联SVG)，方式二依赖外部图片资源。文章提供了完整的代码示例，包含按钮样式、悬停动画等实现细节。
2025-11-06 14:42:34
843
原创 Bigemap 离线地图开发实战指南
本文介绍了基于Bigemap离线地图服务的开发流程。首先需要搭建Node.js和Vue.js开发环境，并安装配置Bigemap离线地图服务器。开发过程包括添加离线地图数据、在Vue项目中引入地图资源、初始化地图组件等步骤。文章提供了详细的代码示例，包括map.js资源加载器实现、Vue组件集成地图、矢量图层添加以及交互功能开发等。还介绍了通过静态bmglNavigation.js文件快速引入导航功能的方法。该方案可实现完整的离线地图应用开发，支持自定义样式和交互功能扩展。
2025-10-16 11:03:22
261
原创 微信小程序报错 ubepected character `的style换行问题
微信小程序报错"unexpected character"问题分析：代码中style属性因换行和空格导致解析错误。解决方法是将多行样式合并为一行，删除换行和多余空格。正确写法应将所有CSS样式写在一行内，如style="width:32rpx;height:32rpx..."。这种格式要求是小程序的特殊语法规范，违反会导致字符解析异常。
2025-10-16 11:02:16
346
原创 Element中 el-tree 如何隐藏 Tree 组件中的父节点 Checkbox
摘要 本文实现了一个树形控件自定义需求：隐藏父节点复选框，仅允许选择子节点。通过分析数据结构，发现需要取消父子节点的关联关系。主要技术方案包括：1) 使用renderContent方法动态控制节点显示状态；2) 通过CSS隐藏部门节点的复选框；3) 根据业务规则(如ID>27)禁用特定节点。实现时需要注意：初始数据必须包含disabled字段，树的第一层节点通过DOM操作隐藏复选框，部门节点通过添加dept-node类名隐藏。最终效果实现了：一级节点隐藏复选框，部门节点不显示复选框，符合特定条件的节点
2025-10-10 15:50:46
437
原创 Element 问题：解决 el-menu 收缩不完全问题
摘要：该文章解决了el-menu组件收缩时无法完全折叠的问题。通过分析Menu.vue和MenuItem.vue代码，发现菜单项文字和下拉图标在收缩状态下仍占据空间。解决方案是添加CSS样式，在菜单折叠时（.el-menu--collapse类激活）隐藏子菜单标题文字和箭头图标：设置span元素宽高为0并隐藏，同时隐藏.el-submenu__icon-arrow。修改后菜单可正常完全收缩。
2025-10-10 15:50:31
223
原创 炫酷404页面：无数据时的绝佳视觉方案
这篇文章展示了一个动态的"暂无数据"错误页面效果，包含以下核心内容： 页面设计了一个全屏显示的"暂无数据"文字提示，并添加了动态阴影效果 背景采用canvas元素实现粒子动画效果 通过CSS动画创建了闪烁的背景层和下落的光线效果 使用媒体查询适配移动设备，在小屏幕上调整字体大小 整体设计通过多个z-index层叠实现复合视觉效果 这个方案比传统的静态文字提示更具视觉吸引力，适合用于视频播放失败或无内容时的错误展示场景。
2025-10-09 11:20:35
346
原创 React Zustand存储token报错解决方案
摘要： 在React项目中使用Zustand存储token时出现"Hooks can only be called inside the body of a function component"错误。分析发现，在普通JS文件调用useStore时使用了React Hooks规则。解决方案是改用useStore.getState()方法直接获取store状态，避免在非组件环境中使用Hook。通过动态导入store并调用getState方法，成功实现了在服务端文件设置token和在普通JS
2025-09-17 15:27:32
450
原创 Cesium展示——加载赛车手GPX轨迹实战
本文介绍了如何使用Cesium加载GPX格式的赛车手行驶轨迹。GPX文件采用XML格式存储轨迹点信息，包含经度、纬度、高度和时间等数据。通过Cesium的GpxDataSource.load方法可直接加载GPX文件，并设置轨迹颜色、标记样式等参数。代码示例展示了如何实现本地文件加载，包括地图底图配置、轨迹显示和视角自动调整等功能。该方法支持将轨迹贴合地面显示，并可通过Cesium的时钟功能实现动态回放效果。
2025-09-17 15:27:11
203
原创 手把手教你用Next.js打造Todo List
这篇文章介绍了如何使用Next.js和React构建一个Todo List应用。主要内容包括：通过create-next-app初始化项目，定义Todo类型和状态管理逻辑，实现添加、删除、切换完成状态等核心功能。项目结构分为页面组件(page.tsx)、类型定义(utils/types.ts)和多个子组件(AddTodo、TodoFilter、TodoItem、TodoList)。应用支持按全部/待办/已完成状态筛选任务，每个任务项提供切换状态和删除按钮。文章提供了完整的代码实现，展示了React组件化开发
2025-09-09 15:40:38
260
原创 React Hooks 报错？一招解决useState问题
摘要：在Next.js 13+中使用React Hook时出现"useState只能在客户端组件中使用"的错误。这是因为App Router默认所有组件都是服务器组件。解决方法是在使用React Hook的组件文件顶部添加"use client"指令，将其标记为客户端组件。修改方式是在page.tsx文件最上方添加"use client"声明即可解决问题。
2025-09-09 14:38:21
305
原创 Element 中 upload 编辑回显文件上传信息技巧
摘要 本文介绍了如何在编辑状态下实现文件上传组件的回显功能。通过添加fileList属性并将已上传文件信息赋值给该属性，当进入编辑模式时，组件会自动显示之前上传的文件。具体实现包括：1)在el-upload组件中添加:file-list绑定；2)在编辑操作中清除旧文件并重新赋值FileList数组，包含文件名、状态和URL等信息。这种方法解决了文件上传组件在编辑时无法显示历史记录的问题，提升了用户体验。
2025-09-08 16:58:44
670
原创 Echarts 展示——折线图Y轴 留白 优化技巧
本文分析了Echarts折线图上下留白不足的问题，提出了两种解决方案： 方案一采用两极差的三分之一作为扩展范围，通过计算数据最大值和最小值的差值，将Y轴范围扩展该差值的1/3，实现留白效果。 方案二提供三种精确调整方法： 按最小单位微调（如12.011→[12.010,12.012]） 按小数点后两位调整（如12.011→[12.01,12.02]） 更大范围的调整（如12.011→[12.00,12.03]） 每种方法都给出了对应的JavaScript代码实现，可根据数据精度需求选择合适的扩展方式。方案一
2025-09-08 16:58:12
388
原创 前端做系统的试用期限功能实现指南
本文介绍了前端试用期功能的实现方案，重点解决日期判断问题。方案一采用本地时间比较，通过创建2025年6月23日00:00的Date对象与当前时间对比，判断试用期是否结束；方案二则精确匹配当前日期与目标日期。文章详细说明了JavaScript中月份（0-11）的处理方式，并提供了两种实现代码：简单比较时间戳和精确匹配各时间单位。同时提示了UTC时间的比较方法，最后指出该功能可用于请求拦截控制。
2025-08-21 16:04:08
732
原创 MQTT：轻量级实时通讯新选择
本文介绍了使用MQTT协议实现即时通讯的方法。MQTT是一种基于发布/订阅模式的轻量级通讯协议，具有代码量少、带宽占用低的优点。通过MQTT.js库，文章展示了Web端与MQTT服务通信的完整示例代码，包括连接服务、订阅主题、收发消息等功能。代码演示了如何建立WebSocket连接、处理消息收发以及在前端展示消息内容，为开发者提供了MQTT即时通讯的实用实现方案。
2025-08-21 16:03:02
172
原创 Echarts 对x轴数据抽稀展示
本文介绍了四种控制ECharts图表X轴标签数量的方法：1）使用splitNumber强制分割刻度（推荐数值轴）；2）通过interval属性自定义间隔（适合类目轴）；3）动态计算过滤标签（适用于不确定数据量）；4）结合formatter与splitNumber（数值轴专用）。文章对比了类目轴与数值轴的差异，强调了边界处理和性能优化要点，并提供了完整示例代码，帮助开发者根据场景需求精确控制标签显示数量，提升图表可读性。
2025-08-06 11:34:52
309
原创 Sourcetree GIT 可视化工具安装全攻略
摘要 本文介绍了 Sourcetree GIT 可视化管理工具的安装步骤：1）访问官网下载；2）通过 Bitbucket 账号（支持 Microsoft 账号）登录验证；3）自动检测并安装 Git（可选）；4）处理 Mercurial 工具安装失败时可忽略；5）完成安装。过程中需注意网络连接及账号授权，安装界面提供清晰的进度提示。全文包含 7 个步骤截图说明，适合开发者快速部署可视化 Git 环境。 （字数：150）
2025-08-06 11:34:03
549
原创 快速上手pnpm：安装与配置指南
本文介绍了pnpm包管理工具的安装与配置方法。主要内容包括：1) 通过npm全局安装pnpm；2) 使用"pnpm -v"查看版本；3) 配置镜像源，包括查看当前镜像地址和设置新地址（如https://registry.npmmirror.com）。文末还提供了快速解决方法：在命令前添加npx临时加入环境变量。文章配有相关操作截图辅助说明。
2025-08-05 17:43:56
378
多边形合并：使用 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.youkuaiyun.com/qq_53810245/article/details/123674836
2022-03-23
安装步骤：https://blog.youkuaiyun.com/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
关于优快云吞掉我的编辑
2022-03-01
立个Flag，做一只有梦想的小猪
2022-02-06
立个Flag，做一只有梦想的小猪
2022-02-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人