- 博客(766)
- 资源 (48)
- 问答 (5)
- 收藏
- 关注
RSS订阅
原创 我的创作纪念日
不知不觉，坚持发文已经四年了，今天优快云提醒我已经创作四年了，其实我是从2020年的12月份开始注册的优快云，当时只是为了找一些资料进行学习和完成本科期间的作业。开始写作发文是在 2021 年的 3 月，刚结束一个项目的我，发现自己在技术细节上的记忆开始模糊。当看到有读者留言说"你的文章是我晋级 Senior 的秘籍"时，突然明白：技术写作的本质，是把一个人深夜 debug 的孤独，变成千万人共同突破的技术共识。四年写作给我最大的启示是：技术写作不是输出，而是更高密度的思考。
2025-03-10 09:23:11
464
原创 一文搞懂Vue3中如何使用ref获取元素节点？
虽然 Vue2 和 Vue3 中的 ref 使用方式有着较大的区别，但是它们的目的都是一样的，所以我们只要朝着目的前进，都会与美好相遇的！
2022-09-17 20:47:19
6805
2
原创 edge下载网络问题无法下载
然后在上述选择框中找到：使用TLS1.0→→使用TLS1.1→→使用TLS1.2→→使用TLS1.3（实验），这4个打上勾，点击确定。点击“还原高级设置”，然后再点击“重置”（Windows11中没有“重置”按钮，请忽略此步骤）。◆在 “网络链接面板”，鼠标右键单击需要设置的网络适配器→“属性””，▲（按下Enter键）（将打开Internet属性界面）▲。▲在“Internet属性界面”点击“高级”，◆（按下Enter键）（将打开网络链接面板）◆。选择“自动获得IP地址”，（按下Enter键）...
2022-08-28 14:47:59
41051
20
原创 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
3942
2
原创 Vue密码强度校验和密码加密解密CryptoJS
密码强度校验实现方案 摘要：本文展示了两种前端密码强度校验的实现方式。第一种方案基于Element UI表单组件，通过字符类型检测（字母、数字、符号）将密码强度分为弱、中、强三级，并实时显示带颜色标识的强度提示。第二种方案采用Vue 3组合式API，实现更精细的五级强度评分（0-4分），包含长度检查、大小写字母和数字验证，同时提供进度条式视觉反馈和详细的密码要求提示。两种方案均实现了密码输入时的实时校验功能，有效提升用户密码设置安全性。
2025-11-12 10:02:01
1026
原创 React+Ant design
本文介绍了React基础语法和常用Hooks的使用方法。主要内容包括： React语法要点：JSX括号使用、三种样式写法（className、内联style、样式变量）以及项目创建命令。 核心Hooks详解： useState：状态管理 useEffect：处理副作用（数据请求等） useMemo/useCallback：性能优化 useRef：持久化引用 useContext：跨组件数据共享 useReducer：复杂状态管理 条件渲染：使用三元表达式实现条件判断 文章通过代码示例展示了各种Hook的具体
2025-11-12 10:01:07
1028
原创 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
549
原创 图片在下文字在上：两种实现方式
本文介绍了两种实现"图片在下，文字在上"效果的HTML/CSS方案。方式一使用伪元素添加SVG图标，通过渐变背景和悬停效果创建美观按钮；方式二直接设置背景图片，文字叠加在图片上。两种方式都实现了文字浮于图片之上的视觉效果，区别在于方式一更轻量(内联SVG)，方式二依赖外部图片资源。文章提供了完整的代码示例，包含按钮样式、悬停动画等实现细节。
2025-11-06 14:42:34
829
原创 Bigemap 离线地图开发实战指南
本文介绍了基于Bigemap离线地图服务的开发流程。首先需要搭建Node.js和Vue.js开发环境，并安装配置Bigemap离线地图服务器。开发过程包括添加离线地图数据、在Vue项目中引入地图资源、初始化地图组件等步骤。文章提供了详细的代码示例，包括map.js资源加载器实现、Vue组件集成地图、矢量图层添加以及交互功能开发等。还介绍了通过静态bmglNavigation.js文件快速引入导航功能的方法。该方案可实现完整的离线地图应用开发，支持自定义样式和交互功能扩展。
2025-10-16 11:03:22
224
原创 微信小程序报错 ubepected character `的style换行问题
微信小程序报错"unexpected character"问题分析：代码中style属性因换行和空格导致解析错误。解决方法是将多行样式合并为一行，删除换行和多余空格。正确写法应将所有CSS样式写在一行内，如style="width:32rpx;height:32rpx..."。这种格式要求是小程序的特殊语法规范，违反会导致字符解析异常。
2025-10-16 11:02:16
315
原创 Element中 el-tree 如何隐藏 Tree 组件中的父节点 Checkbox
摘要 本文实现了一个树形控件自定义需求：隐藏父节点复选框，仅允许选择子节点。通过分析数据结构，发现需要取消父子节点的关联关系。主要技术方案包括：1) 使用renderContent方法动态控制节点显示状态；2) 通过CSS隐藏部门节点的复选框；3) 根据业务规则(如ID>27)禁用特定节点。实现时需要注意：初始数据必须包含disabled字段，树的第一层节点通过DOM操作隐藏复选框，部门节点通过添加dept-node类名隐藏。最终效果实现了：一级节点隐藏复选框，部门节点不显示复选框，符合特定条件的节点
2025-10-10 15:50:46
390
原创 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
203
原创 炫酷404页面：无数据时的绝佳视觉方案
这篇文章展示了一个动态的"暂无数据"错误页面效果，包含以下核心内容： 页面设计了一个全屏显示的"暂无数据"文字提示，并添加了动态阴影效果 背景采用canvas元素实现粒子动画效果 通过CSS动画创建了闪烁的背景层和下落的光线效果 使用媒体查询适配移动设备，在小屏幕上调整字体大小 整体设计通过多个z-index层叠实现复合视觉效果 这个方案比传统的静态文字提示更具视觉吸引力，适合用于视频播放失败或无内容时的错误展示场景。
2025-10-09 11:20:35
336
原创 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
421
原创 Cesium展示——加载赛车手GPX轨迹实战
本文介绍了如何使用Cesium加载GPX格式的赛车手行驶轨迹。GPX文件采用XML格式存储轨迹点信息，包含经度、纬度、高度和时间等数据。通过Cesium的GpxDataSource.load方法可直接加载GPX文件，并设置轨迹颜色、标记样式等参数。代码示例展示了如何实现本地文件加载，包括地图底图配置、轨迹显示和视角自动调整等功能。该方法支持将轨迹贴合地面显示，并可通过Cesium的时钟功能实现动态回放效果。
2025-09-17 15:27:11
184
原创 手把手教你用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
251
原创 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
274
原创 Element 中 upload 编辑回显文件上传信息技巧
摘要 本文介绍了如何在编辑状态下实现文件上传组件的回显功能。通过添加fileList属性并将已上传文件信息赋值给该属性，当进入编辑模式时，组件会自动显示之前上传的文件。具体实现包括：1)在el-upload组件中添加:file-list绑定；2)在编辑操作中清除旧文件并重新赋值FileList数组，包含文件名、状态和URL等信息。这种方法解决了文件上传组件在编辑时无法显示历史记录的问题，提升了用户体验。
2025-09-08 16:58:44
586
原创 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
311
原创 前端做系统的试用期限功能实现指南
本文介绍了前端试用期功能的实现方案，重点解决日期判断问题。方案一采用本地时间比较，通过创建2025年6月23日00:00的Date对象与当前时间对比，判断试用期是否结束；方案二则精确匹配当前日期与目标日期。文章详细说明了JavaScript中月份（0-11）的处理方式，并提供了两种实现代码：简单比较时间戳和精确匹配各时间单位。同时提示了UTC时间的比较方法，最后指出该功能可用于请求拦截控制。
2025-08-21 16:04:08
712
原创 MQTT：轻量级实时通讯新选择
本文介绍了使用MQTT协议实现即时通讯的方法。MQTT是一种基于发布/订阅模式的轻量级通讯协议，具有代码量少、带宽占用低的优点。通过MQTT.js库，文章展示了Web端与MQTT服务通信的完整示例代码，包括连接服务、订阅主题、收发消息等功能。代码演示了如何建立WebSocket连接、处理消息收发以及在前端展示消息内容，为开发者提供了MQTT即时通讯的实用实现方案。
2025-08-21 16:03:02
166
原创 Echarts 对x轴数据抽稀展示
本文介绍了四种控制ECharts图表X轴标签数量的方法：1）使用splitNumber强制分割刻度（推荐数值轴）；2）通过interval属性自定义间隔（适合类目轴）；3）动态计算过滤标签（适用于不确定数据量）；4）结合formatter与splitNumber（数值轴专用）。文章对比了类目轴与数值轴的差异，强调了边界处理和性能优化要点，并提供了完整示例代码，帮助开发者根据场景需求精确控制标签显示数量，提升图表可读性。
2025-08-06 11:34:52
282
原创 Sourcetree GIT 可视化工具安装全攻略
摘要 本文介绍了 Sourcetree GIT 可视化管理工具的安装步骤：1）访问官网下载；2）通过 Bitbucket 账号（支持 Microsoft 账号）登录验证；3）自动检测并安装 Git（可选）；4）处理 Mercurial 工具安装失败时可忽略；5）完成安装。过程中需注意网络连接及账号授权，安装界面提供清晰的进度提示。全文包含 7 个步骤截图说明，适合开发者快速部署可视化 Git 环境。 （字数：150）
2025-08-06 11:34:03
496
原创 快速上手pnpm：安装与配置指南
本文介绍了pnpm包管理工具的安装与配置方法。主要内容包括：1) 通过npm全局安装pnpm；2) 使用"pnpm -v"查看版本；3) 配置镜像源，包括查看当前镜像地址和设置新地址（如https://registry.npmmirror.com）。文末还提供了快速解决方法：在命令前添加npx临时加入环境变量。文章配有相关操作截图辅助说明。
2025-08-05 17:43:56
338
原创 React18 严格模式下的双重渲染之谜
React 18在开发模式下使用StrictMode会导致useEffect执行两次，这是为了模拟组件卸载/挂载行为，帮助开发者发现潜在问题。解决方案包括：1)使用状态标志控制执行；2)通过useRef标记防止重复执行；3)移除StrictMode；4)用useCallback稳定函数引用。生产环境不会出现此现象，开发者应确保代码能正确处理重复执行情况。
2025-08-05 11:29:00
694
原创 Javascript 实现点击按钮让局部的 div 进入全屏模式的功能
本文介绍了如何使用HTML5全屏API实现局部元素的全屏效果。通过JavaScript代码示例，展示了如何监听双击事件来切换指定div元素的全屏状态，并兼容不同浏览器的API实现。代码中包含了全屏请求和退出逻辑，以及全屏状态变化的回调处理。该方案操作简单，只需双击目标区域即可在全屏和普通模式间切换，适用于需要局部放大展示内容的网页场景。
2025-07-23 11:31:34
297
原创 做了一个锁屏时钟
摘要 本文展示了一个使用HTML和CSS创建的动态时钟效果。代码实现了一个黑色背景的圆形时钟，包含以下主要元素：1）12个旋转排列的数字刻度；2）60个刻度线（每5个刻度线加粗）；3）时针、分针和红色秒针；4）中央白色圆点。通过CSS的transform属性实现指针旋转动画，使用flex布局使时钟居中显示。这个简洁的时钟设计展示了纯前端技术实现动态视觉效果的能力，适合作为前端练习项目。
2025-07-23 11:31:09
205
原创 18招优化接口请求，页面加载快10倍
优化多接口页面的核心策略 针对页面调用接口过多的问题，主要优化方案包括： 接口合并：将关联接口合并为单一接口，减少请求次数（如用户信息、订单、地址合并） 数据缓存：使用localStorage或内存缓存不常变化的数据 并行请求：用Promise.all并行处理无依赖关系的接口 请求优化： 按优先级分组请求（核心接口优先） 预加载可能需要的接口 取消无效请求 数据精简：只请求必要字段，启用数据压缩 协议升级：使用HTTP/2或HTTP/3提高传输效率 优化优先级：接口合并＞并行请求＞数据缓存＞按需加载/预加载
2025-07-14 09:45:47
202
原创 Echart 大数据处理优化全攻略
摘要 ECharts处理大数据量时，可采用多种优化策略：1) 数据分层与采样（前端采样、后端聚合、预计算）；2) 使用内置优化特性（large模式、采样、WebGL渲染）；3) 分页与懒加载；4) 延迟加载与渐进渲染；5) 硬件加速与渲染优化。针对不同数据规模（万级、十万级、百万级）提供场景化解决方案，并推荐性能监控工具。核心思想是避免直接渲染全部数据，根据视图范围动态调整数据精度。
2025-07-14 09:45:28
427
原创 首页空白页如何制作 Welcome 欢迎页
本文介绍了一个简单的Welcome页面实现方案，适用于首页无内容展示的场景。通过Vue组件实现，包含一个el-empty提示框、欢迎标题和空白消息区域。代码结构简洁，包含template模板、script逻辑和style样式三部分，支持直接集成到现有项目中。组件采用居中布局，使用36px大标题和18px副文本，界面清新友好。开发者可根据实际需求修改文本内容或添加功能方法，快速构建空白页面的欢迎界面。
2025-07-11 09:30:06
223
原创 如何快速恢复Windows黑屏
摘要：当误结束Windows资源管理器进程导致黑屏时，可通过Ctrl+Shift+Esc启动任务管理器，选择"文件-运行新任务"，输入"explorer"重启界面。该方法可快速恢复桌面环境，操作简单有效。（98字）
2025-07-11 09:29:21
252
原创 HTTPS页面嵌入HTTP视频的3种解决方案
摘要：HTTPS页面嵌入HTTP视频链接会触发混合内容问题，浏览器通常阻止此类请求。解决方案包括：1)将视频地址升级为HTTPS（需服务器支持）；2)通过Nginx配置反向代理，将HTTP请求转为HTTPS；3)检查资源状态（206/503/403错误提示不同问题）。配置示例提供了具体代码和排查方法，确保HTTPS环境下安全播放HTTP视频资源。
2025-07-04 15:01:33
5502
原创 js 数组转换为字符串，字符串转换为数组
本文介绍了数组与字符串之间的转换方法。数组转字符串使用join()方法，如[1,2]转为"1,2"；字符串转数组使用split()方法，如"1,2"转为数组。两种方法都通过逗号作为分隔符实现转换，代码示例展示了具体实现方式。
2025-07-04 14:59:55
248
原创 电脑开机自启动程序终极指南
本文介绍了Windows、macOS和Linux系统下设置程序开机自启动的方法。Windows系统可通过「启动」文件夹、任务计划程序或编辑注册表实现；macOS推荐使用「登录项」或创建LaunchAgents文件；Linux系统可通过.desktop文件或修改.bashrc实现。使用需注意路径正确性、权限要求及系统兼容性问题，部分程序可能需要设置延迟启动。这些方法适用于不同技术水平的用户，从简单快捷方式到高级配置均有涵盖。
2025-06-25 16:44:51
2112
原创 一个项目中调用两个不同后台，前端如何优雅实现无感刷新Token调用接口
摘要： 本文介绍了跨项目调用需登录接口的解决方案。通过axios拦截器自动管理token生命周期：请求前检查token有效性，失效时自动调用登录接口获取新token；遇到401错误自动刷新token并重试请求；处理并发请求时的token刷新等待问题。方案包含：1)配置多代理地址；2)创建专用请求拦截器存储和管理token；3)实现token自动刷新机制。代码示例展示了完整的请求封装、token存储、过期判断和自动刷新逻辑，确保接口调用时始终携带有效token。
2025-06-25 16:44:17
342
原创 在 GET 请求中，URL 参数里的加号（+）会被浏览器自动解析为空格
GET请求中URL参数的加号(+)会被解析为空格，这是因为URL编码规范中+代表空格。解决方案包括：1）前端使用encodeURIComponent()将+编码为%2B；2）后端将接收的空格替换回+；3）使用其他分隔符替代+。推荐优先采用前端编码方案，确保特殊字符正确传输。注意应对整个参数值进行编码，而非仅处理+号。
2025-06-18 13:53:29
824
原创 Cesium 技巧——鼠标事件交互禁用与启用全攻略
本文介绍了Cesium中鼠标事件的控制方法，主要包括：1）通过设置enableRotate、enableZoom等属性控制左键旋转、中键缩放、右键平移等基础操作；2）通过screenSpaceEventHandler处理点击事件（LEFT_CLICK/RIGHT_CLICK）和移动事件（MOUSE_MOVE），实现实体高亮和指针样式切换；3）提供了完整的禁用/启用相机控制方法disableCameraControls和releaseCameraControl，可一键关闭/恢复所有交互功能。这些方法可根据实际
2025-06-18 13:52:29
303
原创 Cesium 常见方法汇总
本文总结了Cesium开发中常见的实体加载与操作方法。主要包括： 基础实体加载：详细展示了点、线、面三种基本实体的创建方式，包括坐标设置、样式配置等关键参数 3DTiles模型加载：提供了完整的3DTiles加载流程，包含位置调整、旋转控制和大小缩放等高级功能 交互操作：实现了点击获取坐标功能，包含屏幕坐标到经纬高度的转换，以及实时标记点击位置的方法 实体管理：通过entities.add方法统一管理各类实体对象
2025-06-11 11:03:00
129
风场数据，解压即用，按照博主文章进行加载即可使用
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
多边形合并：使用 multiPolygon, polygon 方法进行合并
2023-10-10
报错：执行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关注的人