- 博客(751)
- 资源 (25)
- 问答 (5)
- 收藏
- 关注
RSS订阅
原创 我的创作纪念日
不知不觉，坚持发文已经四年了，今天CSDN提醒我已经创作四年了，其实我是从2020年的12月份开始注册的CSDN，当时只是为了找一些资料进行学习和完成本科期间的作业。开始写作发文是在 2021 年的 3 月，刚结束一个项目的我，发现自己在技术细节上的记忆开始模糊。当看到有读者留言说"你的文章是我晋级 Senior 的秘籍"时，突然明白：技术写作的本质，是把一个人深夜 debug 的孤独，变成千万人共同突破的技术共识。四年写作给我最大的启示是：技术写作不是输出，而是更高密度的思考。
2025-03-10 09:23:11
424
原创 一文搞懂Vue3中如何使用ref获取元素节点？
虽然 Vue2 和 Vue3 中的 ref 使用方式有着较大的区别，但是它们的目的都是一样的，所以我们只要朝着目的前进，都会与美好相遇的！
2022-09-17 20:47:19
6648
2
原创 edge下载网络问题无法下载
然后在上述选择框中找到：使用TLS1.0→→使用TLS1.1→→使用TLS1.2→→使用TLS1.3（实验），这4个打上勾，点击确定。点击“还原高级设置”，然后再点击“重置”（Windows11中没有“重置”按钮，请忽略此步骤）。◆在 “网络链接面板”，鼠标右键单击需要设置的网络适配器→“属性””，▲（按下Enter键）（将打开Internet属性界面）▲。▲在“Internet属性界面”点击“高级”，◆（按下Enter键）（将打开网络链接面板）◆。选择“自动获得IP地址”，（按下Enter键）...
2022-08-28 14:47:59
39058
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
3874
2
原创 前端做系统的试用期限功能实现指南
本文介绍了前端试用期功能的实现方案，重点解决日期判断问题。方案一采用本地时间比较，通过创建2025年6月23日00:00的Date对象与当前时间对比，判断试用期是否结束；方案二则精确匹配当前日期与目标日期。文章详细说明了JavaScript中月份（0-11）的处理方式，并提供了两种实现代码：简单比较时间戳和精确匹配各时间单位。同时提示了UTC时间的比较方法，最后指出该功能可用于请求拦截控制。
2025-08-21 16:04:08
681
原创 MQTT：轻量级实时通讯新选择
本文介绍了使用MQTT协议实现即时通讯的方法。MQTT是一种基于发布/订阅模式的轻量级通讯协议，具有代码量少、带宽占用低的优点。通过MQTT.js库，文章展示了Web端与MQTT服务通信的完整示例代码，包括连接服务、订阅主题、收发消息等功能。代码演示了如何建立WebSocket连接、处理消息收发以及在前端展示消息内容，为开发者提供了MQTT即时通讯的实用实现方案。
2025-08-21 16:03:02
135
原创 Echarts 对x轴数据抽稀展示
本文介绍了四种控制ECharts图表X轴标签数量的方法：1）使用splitNumber强制分割刻度（推荐数值轴）；2）通过interval属性自定义间隔（适合类目轴）；3）动态计算过滤标签（适用于不确定数据量）；4）结合formatter与splitNumber（数值轴专用）。文章对比了类目轴与数值轴的差异，强调了边界处理和性能优化要点，并提供了完整示例代码，帮助开发者根据场景需求精确控制标签显示数量，提升图表可读性。
2025-08-06 11:34:52
202
原创 Sourcetree GIT 可视化工具安装全攻略
摘要 本文介绍了 Sourcetree GIT 可视化管理工具的安装步骤：1）访问官网下载；2）通过 Bitbucket 账号（支持 Microsoft 账号）登录验证；3）自动检测并安装 Git（可选）；4）处理 Mercurial 工具安装失败时可忽略；5）完成安装。过程中需注意网络连接及账号授权，安装界面提供清晰的进度提示。全文包含 7 个步骤截图说明，适合开发者快速部署可视化 Git 环境。 （字数：150）
2025-08-06 11:34:03
361
原创 快速上手pnpm：安装与配置指南
本文介绍了pnpm包管理工具的安装与配置方法。主要内容包括：1) 通过npm全局安装pnpm；2) 使用"pnpm -v"查看版本；3) 配置镜像源，包括查看当前镜像地址和设置新地址（如https://registry.npmmirror.com）。文末还提供了快速解决方法：在命令前添加npx临时加入环境变量。文章配有相关操作截图辅助说明。
2025-08-05 17:43:56
276
原创 React18 严格模式下的双重渲染之谜
React 18在开发模式下使用StrictMode会导致useEffect执行两次，这是为了模拟组件卸载/挂载行为，帮助开发者发现潜在问题。解决方案包括：1)使用状态标志控制执行；2)通过useRef标记防止重复执行；3)移除StrictMode；4)用useCallback稳定函数引用。生产环境不会出现此现象，开发者应确保代码能正确处理重复执行情况。
2025-08-05 11:29:00
605
原创 Javascript 实现点击按钮让局部的 div 进入全屏模式的功能
本文介绍了如何使用HTML5全屏API实现局部元素的全屏效果。通过JavaScript代码示例，展示了如何监听双击事件来切换指定div元素的全屏状态，并兼容不同浏览器的API实现。代码中包含了全屏请求和退出逻辑，以及全屏状态变化的回调处理。该方案操作简单，只需双击目标区域即可在全屏和普通模式间切换，适用于需要局部放大展示内容的网页场景。
2025-07-23 11:31:34
261
原创 做了一个锁屏时钟
摘要 本文展示了一个使用HTML和CSS创建的动态时钟效果。代码实现了一个黑色背景的圆形时钟，包含以下主要元素：1）12个旋转排列的数字刻度；2）60个刻度线（每5个刻度线加粗）；3）时针、分针和红色秒针；4）中央白色圆点。通过CSS的transform属性实现指针旋转动画，使用flex布局使时钟居中显示。这个简洁的时钟设计展示了纯前端技术实现动态视觉效果的能力，适合作为前端练习项目。
2025-07-23 11:31:09
188
原创 18招优化接口请求，页面加载快10倍
优化多接口页面的核心策略 针对页面调用接口过多的问题，主要优化方案包括： 接口合并：将关联接口合并为单一接口，减少请求次数（如用户信息、订单、地址合并） 数据缓存：使用localStorage或内存缓存不常变化的数据 并行请求：用Promise.all并行处理无依赖关系的接口 请求优化： 按优先级分组请求（核心接口优先） 预加载可能需要的接口 取消无效请求 数据精简：只请求必要字段，启用数据压缩 协议升级：使用HTTP/2或HTTP/3提高传输效率 优化优先级：接口合并＞并行请求＞数据缓存＞按需加载/预加载
2025-07-14 09:45:47
118
原创 Echart 大数据处理优化全攻略
摘要 ECharts处理大数据量时，可采用多种优化策略：1) 数据分层与采样（前端采样、后端聚合、预计算）；2) 使用内置优化特性（large模式、采样、WebGL渲染）；3) 分页与懒加载；4) 延迟加载与渐进渲染；5) 硬件加速与渲染优化。针对不同数据规模（万级、十万级、百万级）提供场景化解决方案，并推荐性能监控工具。核心思想是避免直接渲染全部数据，根据视图范围动态调整数据精度。
2025-07-14 09:45:28
256
原创 首页空白页如何制作 Welcome 欢迎页
本文介绍了一个简单的Welcome页面实现方案，适用于首页无内容展示的场景。通过Vue组件实现，包含一个el-empty提示框、欢迎标题和空白消息区域。代码结构简洁，包含template模板、script逻辑和style样式三部分，支持直接集成到现有项目中。组件采用居中布局，使用36px大标题和18px副文本，界面清新友好。开发者可根据实际需求修改文本内容或添加功能方法，快速构建空白页面的欢迎界面。
2025-07-11 09:30:06
194
原创 如何快速恢复Windows黑屏
摘要：当误结束Windows资源管理器进程导致黑屏时，可通过Ctrl+Shift+Esc启动任务管理器，选择"文件-运行新任务"，输入"explorer"重启界面。该方法可快速恢复桌面环境，操作简单有效。（98字）
2025-07-11 09:29:21
217
原创 HTTPS页面嵌入HTTP视频的3种解决方案
摘要：HTTPS页面嵌入HTTP视频链接会触发混合内容问题，浏览器通常阻止此类请求。解决方案包括：1)将视频地址升级为HTTPS（需服务器支持）；2)通过Nginx配置反向代理，将HTTP请求转为HTTPS；3)检查资源状态（206/503/403错误提示不同问题）。配置示例提供了具体代码和排查方法，确保HTTPS环境下安全播放HTTP视频资源。
2025-07-04 15:01:33
2377
原创 js 数组转换为字符串，字符串转换为数组
本文介绍了数组与字符串之间的转换方法。数组转字符串使用join()方法，如[1,2]转为"1,2"；字符串转数组使用split()方法，如"1,2"转为数组。两种方法都通过逗号作为分隔符实现转换，代码示例展示了具体实现方式。
2025-07-04 14:59:55
230
原创 电脑开机自启动程序终极指南
本文介绍了Windows、macOS和Linux系统下设置程序开机自启动的方法。Windows系统可通过「启动」文件夹、任务计划程序或编辑注册表实现；macOS推荐使用「登录项」或创建LaunchAgents文件；Linux系统可通过.desktop文件或修改.bashrc实现。使用需注意路径正确性、权限要求及系统兼容性问题，部分程序可能需要设置延迟启动。这些方法适用于不同技术水平的用户，从简单快捷方式到高级配置均有涵盖。
2025-06-25 16:44:51
1600
原创 一个项目中调用两个不同后台，前端如何优雅实现无感刷新Token调用接口
摘要： 本文介绍了跨项目调用需登录接口的解决方案。通过axios拦截器自动管理token生命周期：请求前检查token有效性，失效时自动调用登录接口获取新token；遇到401错误自动刷新token并重试请求；处理并发请求时的token刷新等待问题。方案包含：1)配置多代理地址；2)创建专用请求拦截器存储和管理token；3)实现token自动刷新机制。代码示例展示了完整的请求封装、token存储、过期判断和自动刷新逻辑，确保接口调用时始终携带有效token。
2025-06-25 16:44:17
275
原创 在 GET 请求中，URL 参数里的加号（+）会被浏览器自动解析为空格
GET请求中URL参数的加号(+)会被解析为空格，这是因为URL编码规范中+代表空格。解决方案包括：1）前端使用encodeURIComponent()将+编码为%2B；2）后端将接收的空格替换回+；3）使用其他分隔符替代+。推荐优先采用前端编码方案，确保特殊字符正确传输。注意应对整个参数值进行编码，而非仅处理+号。
2025-06-18 13:53:29
622
原创 Cesium 技巧——鼠标事件交互禁用与启用全攻略
本文介绍了Cesium中鼠标事件的控制方法，主要包括：1）通过设置enableRotate、enableZoom等属性控制左键旋转、中键缩放、右键平移等基础操作；2）通过screenSpaceEventHandler处理点击事件（LEFT_CLICK/RIGHT_CLICK）和移动事件（MOUSE_MOVE），实现实体高亮和指针样式切换；3）提供了完整的禁用/启用相机控制方法disableCameraControls和releaseCameraControl，可一键关闭/恢复所有交互功能。这些方法可根据实际
2025-06-18 13:52:29
207
原创 Cesium 常见方法汇总
本文总结了Cesium开发中常见的实体加载与操作方法。主要包括： 基础实体加载：详细展示了点、线、面三种基本实体的创建方式，包括坐标设置、样式配置等关键参数 3DTiles模型加载：提供了完整的3DTiles加载流程，包含位置调整、旋转控制和大小缩放等高级功能 交互操作：实现了点击获取坐标功能，包含屏幕坐标到经纬高度的转换，以及实时标记点击位置的方法 实体管理：通过entities.add方法统一管理各类实体对象
2025-06-11 11:03:00
110
原创 Cesium 问题：cesium 绘制的线被其他实体或 primitives 遮挡
Cesium绘制线条被遮挡问题的解决方案：通过禁用深度测试确保线条始终显示在最上层。关键步骤包括：使用disableDepthTestDistance: Number.POSITIVE_INFINITY参数禁用线条的深度检测，并设置depthFailMaterial为相同颜色。这样处理后，即使有其他实体遮挡，线条仍会保持可见。示例代码展示了如何创建一条从北京中心到郊外、带有高度变化的红色线条，并确保其不被地形或其他模型遮挡。该方法适用于需要突出显示路径或边界线等可视化场景。
2025-06-11 11:01:52
277
原创 Cesium 展示——绘制线时的拐点如何平滑过渡
本文介绍了通过Cesium库实现平滑水流线效果的方法。首先将经纬度高程坐标转换为Cartesian3数组，然后计算相邻点间距离并生成累积距离数组和时间数组。接着使用CatmullRomSpline样条曲线创建平滑路径，通过插值生成50个中间点，最终创建红色的3D折线实体。方法还包括添加红色标记点，并返回所有实体对象的集合列表。关键点在于距离计算、样条曲线生成和插值处理，从而实现更好的视觉平滑效果。
2025-06-11 11:01:21
119
原创 Cesium 展示 ——绘制面时拐点如何平滑过渡
本文介绍了两种在Cesium中优化水面等面状图形拐点平滑效果的方法。第一种方法使用贝塞尔曲线拟合，通过计算二项式系数生成平滑边界点；第二种方法采用样条曲线（CatmullRomSpline）创建平滑过渡。两种方法都包含去除重复点、生成平滑点集、创建面实体和定位视图的步骤，适用于点数较少时的场景优化。文中提供了完整的JavaScript代码示例，通过调整steps参数可控制点密度。最终效果使原本不自然的拐角变得平滑自然，提升了可视化质量。
2025-06-03 09:35:17
184
原创 Cesium 问题：加载水面效果后，会遮挡水面上空的其他物体
摘要 本文解决了Cesium中水面遮挡实体的问题。当水面添加后，上方的实体会被部分遮挡。通过分析发现这是深度测试问题导致。提供了两种解决方案：1) 在水面GroundPrimitive中设置classificationType为TERRAIN类型，并启用半透明属性；2) 调整实体的heightReference属性为RELATIVE_TO_GROUND或CLAMP_TO_GROUND。第一种方法修改水面渲染属性，第二种方法确保实体高度参考正确，两者均可实现水面与实体的正确叠加显示。
2025-06-03 09:34:52
53
原创 Cesium 展示——获取鼠标移动、点击位置的几种方法
摘要：Cesium中获取断面标签的交互实现 本文介绍了在Cesium三维场景中获取指定断面标签的技术实现方案。主要包括： 通过鼠标移动事件实时获取坐标位置，并判断是否在3DTiles模型上； 使用点击事件获取精确的地理坐标； 预定义多个断面多边形（如0+190、0+350等断面），以透明多边形形式加载到场景中； 实现了坐标转换（Cartesian3转经纬度）和交互判断逻辑。该方法可为水利、地质等领域的断面分析提供可视化交互支持。
2025-05-29 16:52:17
362
原创 Cesium 报错：自定义材质报‘texture2D‘ : no matching overloaded function found错误
cesium1.102 及以上的版本会报错：原因是从1.102版本开始默认使用的是WebGL2上下文渲染。WebGL2 在所有平台上都得到广泛支持，这导致跨设备（尤其是移动设备）更好的功能支持。自定义材质报‘texture2D‘ : no matching overloaded function found错误。任何自定义材质、自定义基元或自定义着色器都需要升级以使用 GLSL 300。
2025-05-29 16:51:19
176
原创 Cesium 报错：“DeveloperError: _workerName must be defined for asynchronous geometry”
摘要 Cesium开发中遇到报错"DeveloperError: _workerName must be defined for asynchronous geometry"，原因是异步创建的几何体需要定义workerName。解决方案有两种：一是为geometry设置workerName属性；二是将Primitive的asynchronous参数设为false，关闭异步创建模式（默认值为true）。通过设置asynchronous: false可以快速解决问题，代码示例如文中所示。
2025-05-29 16:51:05
136
原创 Cesium 报错：RuntimeError: Fragment shader failed to compile. Compile log: ERROR: 0:163: ‘varying‘ : I
摘要： 解决Cesium运行时错误"Fragment shader failed to compile"，该错误源于varying关键字在新版本WebGL2中的不兼容。自1.102.0版本起，Cesium默认使用WebGL2上下文，要求着色器代码升级至GLSL 300标准。解决方法包括：将varying改为in/out，gl_FragColor改为自定义输出变量vFragColor，texture2D替换为texture函数。若需继续使用WebGL1，可在初始化时配置相应参数。
2025-05-26 09:58:47
220
原创 Cesium 报错：Viewer 多次初始化(例如切换页面)时报错 Failed to execute ‘postMessage‘ on ‘Worker‘
文章摘要：探讨了解决Cesium中Web Workers通信时出现的DataCloneError错误的两种方法。第一种方法是修改TaskProcessor.js源码，通过过滤transferableObjects数组确保只传递可转移对象（如ArrayBuffer），或使用JSON序列化处理parameters对象。第二种方法是创建Cesium单例实例，但未成功解决问题。建议优先检查数据传递的可克隆性，并确保遵循Web Workers的结构化克隆算法要求。
2025-05-26 09:58:14
410
原创 Ceisum 展示——智能巡检制作
本文介绍了如何在Cesium中实现点的轨迹运动和加载路线文件。首先，通过定时器控制点的移动，并记录轨迹，使用Cesium.CallbackProperty动态更新轨迹线。代码展示了如何初始化Cesium Viewer、定义路径、创建实体和轨迹线，并通过setInterval实现点的定时移动。其次，介绍了如何加载GPX格式的路线文件，并提供了暂停、播放和回退动画的控制方法。代码展示了如何加载GPX文件并将其添加到Cesium Viewer中，同时提供了动画控制的实现。通过这些方法，可以在Cesium中实现点的
2025-05-16 17:11:28
377
原创 Cesium 问题：隐藏时间控件后模型亮暗受时间的影响
摘要 在模型加载过程中，光照反射强度因时间变化而出现亮度不一致的问题。通过分析，发现问题的根源在于场景时刻的设置。解决方案包括：获取Viewer实例的clock对象，停止时钟自动推进，并通过设置特定时刻来固定光照条件。具体实现中，使用Cesium.JulianDate.fromIso8601方法将ISO 8601格式的日期时间字符串转换为JulianDate对象，并将其赋值给clock.currentTime属性。此外，通过调整场景的亮度参数，确保模型在不同时刻下保持一致的视觉效果。
2025-05-14 10:54:36
236
原创 Cesium 问题：将对实体点击的事件封装成方法引入后无法输出选中的实体ID
文章介绍了如何在Cesium中封装点击事件以获取实体ID，并在Vue组件中使用该功能。首先，定义了一个addClcikEntity函数，该函数接收Cesium的viewer对象和一个回调函数callback。在点击事件中，通过viewer.scene.pick方法获取点击的实体，并提取其entityId。随后，对实体的样式进行调整，并调用传入的回调函数，将entityId作为参数传递。在Vue组件中，initViewer函数初始化Cesium的viewer，并调用addClcikEntity函数，定义了一个
2025-05-14 10:54:11
101
原创 Cesium 问题：GET https://api.cesium.com/v1/assets/2/endpoint?access_token=eyJh.....403 如何避免 endpoint 请求
在加载Cesium场景时，遇到场景漆黑一片的问题，控制台报错显示GET请求返回403（Forbidden）。分析发现，问题源于endpoint接口无法加载，导致access_token验证失败，进而无法调用Cesium服务。为避免该接口被调用，需避免使用默认的Cesium底图和地形服务。解决方案包括：1. 隐藏默认底图选择控件（baseLayerPicker: false）；2. 设置自定义底图（如ArcGIS或天地图等）。此外，若有离线部署需求，可将地图替换为离线瓦片。通过以上调整，可有效避免endpoi
2025-05-12 17:30:14
475
原创 Cesium 问题： 加载的 gltf 模型后移动视角模型会漂移
本文介绍了如何在Cesium中加载和配置GLTF格式的3D模型。首先，通过Cesium.Cartesian3.fromDegrees方法定义模型的位置，并使用Cesium.HeadingPitchRoll设置模型的朝向。接着，通过viewer.entities.add方法将模型添加到场景中，并配置了模型的最小像素大小、最大缩放比例和缩放比例等属性。此外，还设置了heightReference属性使模型贴地，并禁用动画。最后，通过viewer.trackedEntity将视角锁定在模型上。文章还展示了如何加载
2025-05-12 17:29:54
168
原创 Cesuim 展示——加载倾斜摄影 OSGB 三维数据
其他：解决 Cesium 1.50（2018/10/01)版本打开3dtiles可能会出现加载不上导致渲染停止的错误。由于cesuim暂不支持.osgb格式数据显示，所以要将.osgb格式数据转换为3dtile 格式数据；将转换成功后的数据在服务器上发布，并加载展示；【本项目中用到的是 1.113 版本的 Cesium】现得到了正确原始.osgb格式数据，需要加载到 Cesium 场景中。首先需要是正确的 OSBG 格式，如上所示。
2025-05-07 09:22:10
427
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
多边形合并：使用 multiPolygon, polygon 方法进行合并
2023-10-10
风场数据，解压即用，按照博主文章进行加载即可使用
2023-09-10
报错：执行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关注的人