自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用cesium实现火箭发射效果并绘制轨迹线

本文介绍了使用Vue3+TypeScript+Cesium实现火箭发射轨迹模拟的完整方案。通过加载GLB火箭模型和CZML轨迹数据,实现了火箭发射全过程的三维可视化,包括三个关键阶段的分离效果展示。主要技术点包括:1) Cesium实例创建与配置;2) 模型加载与轨迹数据解析;3) 第一/第三人称视角切换;4) 分离事件监测与弹窗提示;5) 轨迹绘制与方向修正;6) 可视化提示框添加。系统还支持轨迹重播和退出功能,为航天科普教育提供了直观的交互式演示工具。

2025-11-26 11:40:54 251

原创 使用cesium实现模型按路线移动(轨迹回放)

本文介绍了使用Cesium实现军事推演场景中实时显示人员、车辆、飞行器位置与行进路线的方法。主要内容包括:1)Cesium基础环境搭建;2)通过定义路径点数组设置移动轨迹,包含经纬度、高度和时间参数;3)利用SampledPositionProperty实现动态路径计算,配合时钟控制动画效果;4)添加3D模型(无人机)和发光路径线进行可视化;5)处理模型加载状态,提供备用显示方案;6)实现时间监听和视角控制功能。该方案通过Cesium的API实现了军事推演中的动态轨迹模拟,支持多对象同步展示,并优化了交互体

2025-09-15 16:44:47 607

原创 AI聊天室实现思路

本文介绍了AI类产品在网页上的应用现状及实时聊天室的核心功能实现。当前AI产品主要包括智能聊天助手、个性化推荐系统等,未来趋势将向情感识别和跨平台集成发展。实时聊天室需满足消息实时传输、用户管理、历史存储等核心需求,采用Vue3全家桶和WebSocket等技术实现。文章详细阐述了聊天室模块的代码实现,包括消息发送、历史记录管理、打字机效果等核心功能,并展示了基于Pinia的状态管理方案,为构建高效可靠的实时聊天系统提供了技术参考。

2025-09-09 09:30:25 408

原创 基于高德地图实现后端传来两点坐标计算两点距离并显示

本文介绍了使用高德地图API实现两点距离计算的方法。主要步骤包括:1)初始化地图并创建标记点;2)通过createIcon函数自定义图标样式;3)使用ranging函数计算两点距离并绘制连线;4)构建自定义信息窗体显示坐标等数据。关键代码展示了如何调用AMap的测距API、处理坐标点以及实现地图交互功能。该方法适用于需要在地图上进行距离测量的Web应用场景,通过高德地图API简化了复杂的数学计算过程。

2025-09-02 12:00:04 305

原创 常用的几类文档注释(持续更新)

变量与函数的文档注释规范摘要:变量注释采用JSDoc格式,需包含@type标注类型(如Object)和@property描述属性(如string id)。函数注释需说明用途,并用@param标注参数类型及说明。两者均以/****/包裹,保持简洁清晰,便于代码维护与协作开发。

2025-08-27 21:41:48 94

原创 django+Vue3实现前后端分离式实时聊天室

本文介绍了基于Django和Vue3的实时聊天系统实现方案。后端采用Django框架,通过Channels库实现WebSocket支持,使用Redis作为消息代理层。系统核心功能包括:用户连接管理、消息广播、自动回复机制和心跳检测。前端通过Vue3实现简单的聊天界面,建立WebSocket连接并处理消息收发。文章详细说明了后端环境配置、路由设置和消息处理逻辑的实现过程,包括用户加入/离开通知、消息广播和智能回复等功能。该系统目前支持文字聊天,后续计划扩展实时语音和屏幕共享功能。

2025-08-18 16:07:40 1141

原创 从0开始配置conda环境并在PyCharm中使用

本文介绍了使用Anaconda创建和管理Python虚拟环境的方法。首先说明安装Anaconda的步骤,然后详细讲解配置conda虚拟环境的关键操作:1)设置清华镜像源加速下载;2)创建、删除和切换虚拟环境;3)环境迁移的导出与导入方法;4)在PyCharm中配置和使用conda环境。这些操作能有效隔离不同项目的依赖关系,避免相互干扰。文章还特别说明了Windows和Linux系统下激活环境的区别,以及解决conda不是命令的环境变量配置问题。

2025-08-13 15:41:18 543

原创 如何解决Vue3+vite工程中使用sass时出现The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.警告

在Sass 2.0.0版本中,legacyJSAPI将被移除,导致编码时控制台频繁出现警告。为解决这一问题,可以在vite.config.js文件的css配置项中添加preprocessorOptions,并在scss部分设置silenceDeprecations为['legacy-js-api']或"legacy"。这一方法经过验证,能够有效消除警告信息。

2025-05-22 11:16:16 619

原创 基于科大讯飞语音识别组件(Vue3)

要将科大讯飞语音识别功能集成到页面中,首先需要安装crypto-js库以支持SHA-256加密算法,确保数据传输安全。接着,下载科大讯飞提供的iat-js-demo,并提取其中的index.esm文件。然后,修改vite.config.js以关闭WebSocket代理并确保worker文件正确打包。初始化RecorderManager,并定义相关变量和方法。

2025-05-22 10:43:55 872

原创 只出现一次的数字(js实现,LeetCode136)

给你一个 非空 整数数组 nums ,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。

2025-03-27 17:31:20 555

原创 验证回文串(js实现;LeetCode:125)

如果在将所有大写字符转换为小写字符、并移除所有非字母数字字符之后,短语正着读和反着读都一样。则可以认为该短语是一个回文串 。

2025-03-25 20:13:49 488

原创 买卖股票的最佳时机(js实现,LeetCode:121)

给定一个数组 prices ,它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的价格,你只能选择 某一天 买入这只股票,并选择在 未来的某一个不同的日子 卖出该股票。设计一个算法来计算你所能获取的最大利润。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润,返回 0 。

2025-03-24 17:06:52 660

原创 杨辉三角 II(js实现,LeetCode:119)

给定一个非负索引 rowIndex,返回「杨辉三角」的第 rowIndex 行。

2025-03-21 14:56:15 633

原创 杨辉三角(js实现,LeetCode118)

给定一个非负整数 numRows,生成「杨辉三角」的前 numRows 行。

2025-03-20 16:57:36 577

原创 合并两个有序数组(js实现,LeetCode:88)

给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2,另有两个整数 m 和 n ,分别表示 nums1 和 nums2 中的元素数目。请你合并 nums2 到 nums1 中,使合并后的数组同样按非递减顺序排列。

2025-03-19 16:19:39 515

原创 React学习笔记20

基于Vue学习React:React.forwardRef和useInperativeHandle

2025-03-19 11:02:57 379

原创 删除排序链表中的重复元素(js实现,LeetCode:83)

给定一个已排序的链表的头 head , 删除所有重复的元素,使每个元素只出现一次 。返回 已排序的链表 。

2025-03-18 15:00:34 549

原创 React学习笔记19

基于Vue学习React:useCallback

2025-03-18 10:32:25 305

原创 爬楼梯(js实现,LeetCode:70)

假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶?

2025-03-17 15:43:48 524

原创 React学习笔记18

基于Vue学习React:React.memo

2025-03-17 10:09:16 420

原创 x的平方根(js实现,LeetCode69)

给你一个非负整数 x ,计算并返回 x 的 算术平方根 。

2025-03-14 15:29:08 490

原创 React学习笔记17

基于Vue学习React:useMemo

2025-03-14 11:10:09 335

原创 二进制求和(js实现,LeetCode:67)

给你两个二进制字符串 a 和 b ,以二进制字符串的形式返回它们的和。

2025-03-13 21:21:28 577

原创 React学习笔记16

基于Vue学习React:useReducer

2025-03-13 10:47:40 314

原创 加一(js实现,LeetCode:66)

给定一个由 整数 组成的 非空 数组所表示的非负整数,在该数的基础上加一。

2025-03-12 15:26:09 466

原创 React学习笔记15

基于Vue学习React:项目打包与打包优化

2025-03-12 10:58:55 695

原创 Vue打包优化-加快首屏加载速度

在打包前端项目时发现前端打包后的文件包体积过大影响了性能怎么办?

2025-03-11 17:19:02 1133

原创 最后一个单词的长度(js实现,LeetCode58)

给你一个字符串 s,由若干单词组成,单词前后用一些空格字符隔开。返回字符串中 最后一个 单词的长度。

2025-03-11 16:16:10 339

原创 React学习笔记14

基于Vue学习React:模板项目

2025-03-11 15:37:52 551

原创 Vue中vfor循环创建DOM时Key的理解之Vue中的diff算法

Vue中的diff算法理解

2025-03-10 17:31:30 722

原创 搜索插入位置(js实现,LeetCode:35)

给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。

2025-03-10 16:29:31 358

原创 React学习笔记13

基于Vue学习React:ReactRouter03

2025-03-10 10:34:01 349

原创 找出字符串中第一个匹配项的下标(js实现,LeetCode:28)

KMP算法

2025-03-07 19:35:58 545

原创 Vue-flow中动态流程图的实现

vue-flow让你的流程变得可动,更加容易理解

2025-03-07 11:36:28 1462

原创 Vue懒加载

在Vue中实现懒加载(Lazy Loading)通常是为了优化应用的性能,尤其是在加载大型应用或组件时。懒加载可以帮助减少初始加载时间,只在用户需要时才加载特定的代码块或组件。

2025-03-06 16:06:43 648

原创 删除有序数组中的重复项(js实现,LeetCode:26)

给你一个 非严格递增排列 的数组 nums ,请你原地删除重复出现的元素

2025-03-06 15:51:47 512

原创 React学习笔记12

基于Vue学习React:ReactRouter02

2025-03-06 11:15:26 580

原创 合并两个有序链表(js实现,LeetCode:21)

将两个升序链表合并为一个新的 升序 链表并返回

2025-03-05 17:13:42 220

原创 大数据量级下优化echarts数据渲染

在开发中经常会遇到大量数据展示的业务场景,echarts本质是个canvas,在数据量级过于庞大时会出现动画丢失、页面卡顿甚至崩溃的情况,这时我们就需要对于echarts进行优化。

2025-03-05 11:07:16 1511

原创 React学习笔记11

基于Vue学习React:ReactRouter01

2025-03-05 10:36:23 648

空空如也

空空如也

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

TA关注的人

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