自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大剑师兰特的GIS世界

讨论GIS相关知识,展示vue+openlayers,vue+cesium,vue+mapbox,vue+leaflett的示例

  • 博客(2063)
  • 收藏
  • 关注

原创 ThreeJS示例教程500+【目录】

Three.js 是一个用于在网页上创建和展示3D图形的JavaScript库。它使得在浏览器中渲染3D场景变得更加容易,而无需深入了解WebGL的复杂细节。Three.js支持多种渲染后端,但主要以WebGL为主。易于使用:提供了简洁的API来创建3D场景、相机、光源和物体。丰富的材质和纹理支持:可以轻松应用各种材质和纹理到3D模型上,增强视觉效果。动画支持:内置了动画系统,可以帮助你为场景中的对象添加动画效果。物理引擎集成。

2025-01-24 00:00:00 1302 54

原创 Mapbox GL示例教程【目录】-- 已有92篇

vue+mapbox系列教程旨在为开发者提供简单快捷的。在每一个示例中,解释相应的API知识点,做到。

2023-04-12 15:33:32 4423 68

原创 leaflet 综合教程150+ 【目录 】(已包含149篇文章)

vue+leaflet系列教程旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。注意本示例目录中的内容可能加载是vue+openlayers的示例, 本目录是要加载vue+leaflet的示例,只是内容少,逐渐更新中。

2022-09-07 15:39:10 10283 217

原创 cesium 综合教程200+【目录】(已包含178篇文章)

cesium示例教程100+旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。目录中有链接的为已有文章,没链接的为目标文章,不断更新中…

2022-09-07 15:23:19 6859 74

原创 openlayers全面教程303+【目录】

vue+openlayers系列教程旨在为开发者提供简单快捷的示例。在每一个示例中,解释相应的API知识点。

2022-09-05 15:57:58 22952 188

原创 Javascript面试题及详细答案150道之(121-135)

JS面试题150道

2025-08-21 00:00:00 27 3

原创 vue3项目,使用vue2方式来写,可以吗

Vue 3项目支持部分使用Vue 2的Options API写法,但存在重要差异:1)必须改用createApp()创建应用;2)全局API调整,如Vue.component改为app.component();3)过滤器功能被移除;4)响应式系统底层实现不同。虽然Options API仍可用,但建议新项目优先采用Composition API以获得更好的类型支持和性能。Vue 3兼容Vue 2风格的设计主要服务于平滑迁移,开发者可根据项目需求混合使用两种API风格。 (字数:148)

2025-08-20 16:24:13 383 1

原创 vue3项目,main.ts中设置router,在各个页面上还用引用vue-router吗

【Vue3路由使用指南】在全局注册路由后,模板中可直接使用<router-link>和$route/$router,无需导入。但在<script>中使用路由方法(如useRouter、useRoute)时,必须从'vue-router'显式导入。推荐使用unplugin-auto-import插件实现自动导入,简化开发流程。总结:模板免导入,脚本需引入,全局注册后功能自动注入。

2025-08-20 15:41:39 190

原创 element UI 和 element plus 在组件上有哪些不同

Element UI 和 Element Plus 是饿了么团队开发的 Vue 组件库,主要区别在于:Element UI 仅支持 Vue 2 且已停止维护,而 Element Plus 专为 Vue 3 设计,持续更新。Element Plus 重构了原有组件,新增 20+ 实用组件(如骨架屏、暗黑模式),全面支持 TypeScript,采用现代 SVG 图标系统,性能更优。设计上更简洁美观,支持按需引入和国际化。建议新项目直接使用 Element Plus,Vue 2 项目也应尽快迁移。

2025-08-20 15:10:47 462

原创 PyTorch 面试题及详细答案120题(21-35)-- 自动求导(Autograd)

本文介绍了PyTorch自动求导(Autograd)机制的核心概念和应用,包括动态计算图、梯度计算、requires_grad属性设置以及backward()方法的使用注意事项。主要内容涵盖: Autograd机制:动态构建计算图,自动实现反向传播,支持高阶导数和按需计算。 梯度控制:通过requires_grad属性管理梯度计算,示例展示创建和修改方法。 计算图特性:PyTorch采用动态计算图,支持运行时条件分支,与静态图的对比。 梯度计算实践:backward()的调用规范、梯度获取方式及训练中

2025-08-20 12:30:00 8 1

原创 Node.js面试题及详细答案120题(31-42) -- 异步编程篇

本文重点解析Node.js异步编程的四种方式及其应用场景: 回调函数:基础异步方式,简单但易导致回调地狱 Promise:通过状态管理实现链式调用,解决回调嵌套问题 async/await:基于Promise的语法糖,提供同步式代码风格 EventEmitter:事件驱动模式,适合流式处理 文章详细解析了回调地狱问题及其解决方案(Promise链式调用、async/awa

2025-08-20 11:00:00 14 2

原创 SQL面试题及详细答案150道(41-60) --- 条件查询与分组篇

本文精选19个SQL面试题,涵盖多条件查询、分组统计、子查询等核心场景。主要内容包括: 复杂条件查询:多条件组合(41-45题),如技术部高薪员工、模糊匹配姓名、日期范围筛选等,使用AND/OR/NOT/BETWEEN等逻辑运算符。 分组聚合(46-50题):按部门计算平均工资、统计员工数量,使用GROUP BY与HAVING过滤分组结果。 高级分析(51-59题):空部门检测、部门工资排名、性别比例统计等,结合子查询、LEFT JOIN、DISTINCT及条件聚合实现。 排序与分页:展示TOP3销售薪资、

2025-08-20 09:00:00 62 17

原创 Kafka 面试题及详细答案100道(1-10)-- 基础概念与架构

Kafka面试题解析摘要(150字): 本文系统梳理了Kafka核心面试题,涵盖基础概念、架构设计和应用场景。主要内容包括:1)Kafka作为分布式流处理平台的定位,解决系统解耦、高吞吐数据传输等问题;2)核心组件解析,包括Producer/Consumer/Broker的角色与协作机制;3)关键概念Topic-Partition-Replica的逻辑关系与存储结构;4)Kafka相比RabbitMQ的吞吐量、持久性等优势;5)消息结构组成与分区策略。全文通过问答形式深入浅出地解析了Kafka的核心原理,适

2025-08-20 00:00:00 110

原创 Redis面试题及详细答案100道(71-85) --- 综合篇

本文介绍了Redis在前后端开发中的常见面试题,包括适用场景、项目优势、Java客户端对比及使用示例。主要内容为:Redis适用于缓存、会话存储、计数器等场景;其高性能和丰富数据类型能显著提升系统效率;对比了Jedis、Lettuce等Java客户端的特点和适用场景;详细说明了Jedis的基本使用方法和连接池优化;最后介绍了Redis实现异步队列的原理。文章为开发者提供了Redis技术选型和实践指导。

2025-08-19 18:45:00 119

原创 Spark面试题及详细答案100道(11-20)-- RDD相关

Spark RDD面试题解析:特性、操作与优化 摘要:本文深入解析Spark RDD的核心特性和关键操作,涵盖五大特性、持久化级别选择、map/flatMap区别、Shuffle触发场景、reduceByKey/groupByKey性能对比、RDD创建方式及join操作类型。重点强调RDD的弹性分布式特性,通过分区计算和依赖关系实现高效数据处理,并对比不同操作的性能差异,提供优化建议(如优先使用reduceByKey)。文章还详细说明了RDD的多种创建方法和join操作类型(内连接、外连接),帮助开发者根据

2025-08-19 18:11:50 22 2

原创 TensorFlow 面试题及详细答案 120道(31-40)-- 模型训练与优化

本文介绍了TensorFlow中常用的优化器和损失函数。优化器部分详细讲解了SGD、Momentum、RMSprop、Adam等算法的原理及适用场景,并提供了代码示例。损失函数部分阐述了MSE、MAE、交叉熵等常见损失函数的作用和公式,针对不同任务类型给出了应用建议。文章还通过代码演示了如何自定义损失函数,包括函数形式和类继承两种实现方式,展示了Huber损失和带权重交叉熵的具体应用案例。这些内容为机器学习模型训练中的核心组件选择提供了实用指导。

2025-08-19 16:56:37 409 2

原创 PyTorch 面试题及详细答案120题(06-20)-- 张量(Tensor)操作

PyTorch张量面试题解析 张量基础概念 张量定义:PyTorch中的基本数据结构,是多维数组的扩展(标量0维、向量1维、矩阵2维等) 与NumPy对比: 相同点:多维数组操作 不同点:支持GPU计算、自动求导、分布式计算 创建方式: torch.tensor()直接创建 torch.zeros/ones()创建特定形状 torch.randn()创建随机张量 torch.arange()创建序列 torch.eye()创建单位矩阵 张量操作 维度与形状: 维度:tensor.dim()获取阶数 形状:t

2025-08-19 12:45:00 118

原创 Pinia高频面试题30道+详细答案(1-6)

本文重点解析Vue状态管理库Pinia的核心特性,包括其与Vuex的对比、安装配置方法和Store定义规范。Pinia作为Vue 3官方推荐方案,通过移除mutations、增强TypeScript支持等设计简化状态管理,提供更直观的API和模块化架构。文章详细说明状态访问与修改的5种方式,并阐释移除mutations的设计考量,为开发者提供高效的状态管理解决方案。

2025-08-19 11:20:29 18

原创 C++面试题及详细答案100道( 41-50 )

C++面试题摘要 本文精选41-47道C++核心面试题,涵盖运行时类型识别(RTTI)、内存对齐、RAII、模板特化、移动语义等关键概念。 RTTI:通过typeid和dynamic_cast实现运行时类型检查,依赖虚函数表。 内存对齐:数据地址按特定倍数存储提升性能,可通过#pragma pack调整。 RAII:通过对象生命周期自动管理资源(如文件句柄),确保异常安全。 模板特化:为特定类型定制模板实现(全特化/偏特化)。 移动语义:通过右值引用转移资源所有权,避免深拷贝。 委托构造函数:构造函数复用机

2025-08-19 10:45:00 12

原创 TensorFlow 面试题及详细答案 120道(11-20)-- 操作与数据处理

本文整理了TensorFlow相关的10个核心面试问题及其解答,涵盖张量操作、数学运算、广播机制等关键知识点。内容涉及张量重塑(reshape)、常用数学运算(加减乘除、幂指对数)、归约操作(reduce_sum/reduce_mean)、切片索引、张量拼接(concat/stack)、分割(split)、广播机制、转置(transpose)、字符串处理,以及NumPy与TensorFlow张量转换方法。每个问题都配有原理说明和示例代码,适合面试复习和日常学习参考。

2025-08-19 08:14:45 347 13

原创 TypeScript 面试题及详细答案 100题 (01-10)-- 基础概念与环境配置

文章详细解析了TypeScript的核心概念、安装配置及实践应用,包括静态类型系统优势、tsconfig.json配置项解析、声明文件作用等内容,并配以代码示例说明TypeScript与JavaScript的关键差异。该专栏通过分类整理高频面试问题,帮助开发者系统掌握TypeScript的核心知识点,提升面试准备效率和技术理解深度。

2025-08-18 16:00:00 37 4

原创 vite面试题及详细答案120题(91-120)

Vite面试题摘要 本文包含11个Vite相关面试题,涵盖开发配置、项目创建、性能优化等方面: HTTPS配置:可通过server.https启用自签名证书或指定自定义证书 项目创建:使用npm init vite命令,支持多种前端框架模板选择 多语言支持:推荐使用i18n插件,需配置语言文件和翻译组件 移动端优化:包括响应式设计、图片压缩、懒加载等技术方案 高分辨率图片:使用srcset属性或CSS媒体查询适配不同设备 图片懒加载:支持原生loading属性或IntersectionObserver AP

2025-08-18 10:00:00 119 4

原创 MySQL面试题及详细答案 155道(141-155)

MySQL相关面试题解析,包含:UPDATE操作优化(索引/分批更新)、分区管理(RANGE分区)、LIKE查询优化(全文索引)、数据加密(TDE/AES)、EXPLAIN分析、分页优化、GROUP_CONCAT函数、高可用架构(半同步复制)、IN子句优化和软删除实现。每道题提供原理说明和SQL代码示例,如数据加密配置、分区表创建、软删除字段设计等,适合开发者系统学习MySQL性能优化与高级特性。

2025-08-18 07:45:00 298 2

原创 Javascript面试题及详细答案150道之(106-120)

106. 如何在JavaScript中实现一个简单的哈希表(Hash Table)?107. JavaScript中`String.prototype.codePointAt()`和`charCodeAt()`的区别是什么?108. 如何在JavaScript中实现一个简单的图(Graph)数据结构?109. JavaScript中`Array.prototype.some()`和`Array.prototype.every()`的区别是什么?110. 如何在JavaScript中实现一个简单的状态

2025-08-18 00:00:00 750

原创 Kafka 面试题及详细答案100道(23-35)-- 核心机制2

Kafka面试题摘要(23-25题) 消息偏移量(Offset):分区内定位消息的唯一整数标识,从0递增。作用包括:标识消息位置、记录消费进度、保证消息顺序、支持消息回溯和日志分段管理。 偏移量提交方式: 自动提交:定期提交(默认5秒),配置简单但控制不精确 手动提交:分同步(阻塞确保成功)和异步(非阻塞高效)两种 指定偏移量提交:精确控制提交位置 提交方式对比: 自动提交:易用但可能重复/丢失消息 手动提交:更可靠但需处理提交逻辑,同步方式影响吞吐量,异步方式需处理失败回调 (字数:150字)

2025-08-17 20:24:09 595

原创 PyTorch 面试题及详细答案120题(01-05)-- 基础概念与安装

PyTorch深度学习框架面试题摘要 PyTorch是一个基于Python的开源机器学习框架,由Facebook开发,主要用于神经网络构建、训练和部署。与TensorFlow相比,PyTorch采用动态计算图,具有Python风格接口、强大调试能力和科研友好特性。其核心应用包括计算机视觉、自然语言处理、语音识别、强化学习等领域。 安装PyTorch时需区分CPU和GPU版本,GPU版本需NVIDIA显卡支持。PyTorch依赖Torch核心库及TorchVision、TorchAudio等扩展库,版本号遵循

2025-08-17 16:07:23 746

原创 Transformer 面试题及详细答案120道(61-70)-- 解码与生成

摘要 本文介绍了Transformer模型在序列生成任务中的四种解码策略:贪婪解码、束搜索、采样(含温度参数调节)、top-k和top-p采样。 贪婪解码:每步选择概率最高的token,计算高效但容易陷入局部最优,生成结果多样性差。 束搜索:维护多个候选序列(束宽k),通过保留k个最优路径提高生成质量,k值越大质量越好但计算成本越高。 采样策略:基于概率分布随机选择token增加多样性,温度参数τ控制生成确定性(τ越小越确定性高)。 top-k/top-p采样:通过限制采样范围(top-k选前k个token

2025-08-17 13:37:39 730 13

原创 Go面试题及详细答案120题(21-40)

Go中的结构体是什么?如何定义和使用结构体? **结构体(struct)**是Go中的复合数据类型,用于将多个不同类型的字段组合成一个逻辑单元,表示具有相关属性的实体。 定义结构体: type 结构体名称 struct { 字段1 类型1 字段2 类型2 // ... } 创建结构体实例: 直接初始化: p := Person{"Alice", 25} 指定字段初始化: p := Person{Name: "Bob", Age: 30} 先声明后赋值: var p Person p.Name = "

2025-08-17 12:30:00 1022 1

原创 Transformer 面试题及详细答案120道(1-10)-- 基础概念

本文总结了Transformer模型的10个常见面试问题及答案,涵盖了其核心结构、创新点、工作机制等关键知识点。主要内容包括:Transformer的自注意力机制和多头注意力机制创新点,相比RNN/CNN的优势,模型在《Attention Is All You Need》论文中的提出背景,以及Encoder-Decoder协同工作流程等。重点解析了位置编码的作用、长距离依赖处理能力、与传统注意力机制的区别等核心问题。每个问题都给出了简明扼要的专业解答,适合作为Transformer相关面试准备的参考资料。

2025-08-17 10:21:15 461 2

原创 C++面试题及详细答案100道( 31-40 )

本文介绍了C++中的10个核心面试题,涵盖了模板元编程、内存对齐、初始化列表、范围for循环等关键概念。重点内容包括:1)模板元编程的编译期计算特性;2)alignas/alignof操作符的内存对齐控制;3)初始化列表的高效构造函数用法;4)decltype的类型推导;5)范围for循环的容器遍历语法;6)std::initializer_list的统一初始化;7)std::move的移动语义实现;8)std::function的多态函数封装;9)std::bind的参数绑定技术;10)内存对齐对性能和硬

2025-08-17 00:00:00 442

原创 Scala面试题及详细答案100道(11-20)-- 函数式编程基础

本文介绍了Scala中函数式编程的核心概念,包括高阶函数、匿名函数、闭包以及常用集合操作函数。高阶函数允许将函数作为参数或返回值,实现代码抽象和复用。匿名函数(Lambda表达式)提供简洁的函数定义方式,适用于临时函数逻辑。闭包能捕获外部变量,延长变量生命周期。文章详细讲解了map、flatMap、filter等集合操作函数的区别与用法,以及foldLeft、foldRight和reduce三种聚合函数的特点和使用场景。这些特性体现了Scala强大的函数式编程能力,适用于数据处理、集合操作等开发需求。

2025-08-16 21:35:51 854 3

原创 Hadoop面试题及详细答案 110题 (16-35)-- HDFS核心原理与操作

HDFS面试题摘要 HDFS是Hadoop分布式文件系统,核心设计理念包括海量数据存储(支持PB级)、流式数据访问(高吞吐)、容错性(3副本机制)及硬件友好性。架构采用主从模式:NameNode管理元数据,DataNode存储数据块,Secondary NameNode辅助合并元数据。读写流程中,客户端通过NameNode定位数据块,直接与DataNode交互。默认块大小128MB,减少寻址开销;副本策略跨机架放置以平衡容错与性能。NameNode通过内存管理元数据,安全模式用于启动时检查副本完整性。Dat

2025-08-16 16:33:58 784

原创 PostgreSQL面试题及详细答案120道(101-120)

本文针对PostgreSQL数据库提供全面的性能优化方案,涵盖10个关键面试题解析。主要内容包括:1)并发参数调优(max_connections、worker_processes);2)缓存设置(effective_cache_size);3)WAL日志优化;4)慢查询监控与日志配置;5)会话管理与阻塞处理;6)高写入场景优化策略;7)存储类型参数调整;8)自动清理机制配置;9)大表DDL操作避坑指南;10)性能瓶颈诊断方法论。对DBA和开发者具有实操指导价值

2025-08-16 14:00:00 503

原创 Kafka 面试题及详细答案100道(11-22)-- 核心机制1

Kafka分区与副本机制解析 摘要:本文深入解析Kafka的分区与副本机制,包括分区的作用、数量确定原则、副本类型及职责。重点介绍了Kafka的ISR同步机制和故障转移过程,涵盖以下核心内容: 分区(Partition)是Kafka实现并行处理的核心机制,通过分区可提高吞吐量、实现负载均衡和支持水平扩展 副本(Replica)机制确保数据高可用,包含Leader副本(处理读写)和Follower副本(数据同步) ISR(同步副本集合)机制动态维护可用副本,通过min.insync.replicas配置保证数

2025-08-16 11:09:49 982 1

原创 SQL面试题及详细答案150道(21-40) --- 基础查询篇

本文涵盖21-39题SQL基础查询语法,包括:①字段查询(SELECT */指定字段);②结果去重(DISTINCT);③条件筛选(WHERE/BETWEEN/IN/LIKE/NULL判断);④排序(ORDER BY多字段排序);⑤分页(MySQL的LIMIT语法);⑥聚合函数(SUM/AVG/MAX/MIN);⑦记录统计(COUNT的三种用法差异)。示例包含完整SQL语句,如查询20-30岁人员(BETWEEN)、统计部门工资总和(SUM)等,适合快速掌握基础查询操作。

2025-08-16 07:00:00 1227

原创 浏览器面试题及详细答案 88道(45-55)

本文精选了部分浏览器相关面试题,包括: Cookie管理:通过浏览器设置或扩展手动禁止特定cookie存储,保护隐私。 事件循环机制:解析宏任务与微任务的执行顺序,理解JS单线程异步原理。 Node与浏览器Event Loop区别:Node采用6阶段任务队列,process.nextTick优先级最高。 内存泄漏防范:避免全局变量、未清除的定时器及DOM引用,及时释放资源。 V8垃圾回收:分代回收

2025-08-15 20:15:00 754

原创 Rust面试题及详细答案120道(51-57)-- 错误处理

Rust错误处理机制面试题解析 51. Rust的错误处理机制 Rust通过panic!和Result两种方式处理错误: panic!用于不可恢复错误,会终止程序执行 Result<T, E>枚举用于可恢复错误 与其他语言相比: 显式性:Rust要求必须处理Result,否则编译警告 性能:Result无运行时开销,异常处理可能有性能成本 语义:明确区分不可恢复和可恢复错误 52. panic!宏的作用与使用场景 作用:处理不可恢复错误,终止程序并提供错误信息 适用场景: 逻辑错误(如除零操作)

2025-08-15 17:32:14 787 6

原创 Spring面试题及详细答案 125道(1-15) -- 核心概念与基础1

摘要 本文系统介绍了Spring框架的核心概念与面试常见问题,涵盖IoC容器、依赖注入、Bean生命周期等关键知识点。详细解析了Spring的设计理念(轻量级、松耦合、AOP)、核心模块(容器、数据访问、Web等)及优势(开发效率高、集成性强)。重点对比了构造器注入与setter注入的适用场景,分析了singleton和prototype作用域的区别与注意事项,并阐述了BeanFactory与ApplicationContext的功能差异。同时提供了XML、注解和Java配置三种Bean定义方式,完整描述了

2025-08-15 12:45:00 1211 2

原创 Flink面试题及详细答案100道(1-20)- 基础概念与架构

本文系统介绍了Flink流处理框架的核心概念与特性。首先对比了Flink与Spark、Storm等框架的差异,突出其"流优先"设计理念、状态管理和时间特性优势。随后详细解析了Flink的架构组件(JobManager/TaskManager等)和统一流批处理的实现原理。重点讲解了状态管理机制、三种时间类型(事件/处理/摄入时间)以及容错相关的检查点和保存点机制,包括实际代码示例。文章为开发者提供了Flink技术体系的全景式认知,覆盖面试常见考点和实际应用要点。

2025-08-15 10:30:00 916

原创 Linux面试题及详细答案 120道(1-15)-- 基础概念

《Linux核心面试题解析》摘要:本文系统梳理了Linux相关的8个核心面试问题,涵盖基础概念、系统架构和启动流程等关键知识点。内容包括:1) Linux与Unix的关系对比;2) 内核版本与发行版的区别及常见发行版分类;3) GNU项目与Linux的关系;4) Linux系统的6大组成部分解析;5) 详细启动流程6阶段说明;6) BIOS与GRUB的协同作用;7) 7种运行级别的定义及systemd目标对应关系;8) systemd相比init的7大技术优势。文章通过表格对比、命令示例和层次结构图等形式,

2025-08-15 00:00:00 1118

海洋上浮漂数据,20000+条

海洋上浮漂数据,20000+, json格式数组内容,包含ID,经纬度、时间日期、气压浪高等信息。 单个数据形式: { "code" : "1594587", "data" : [ 1013.6, 25, 16 ], "lat" : -53.211, "lng" : 143.949, "report" : 1741986000000 },

2025-04-01

免费MapboxGL学习思维导图

下载体是一个MapboxGL学习思维导图,列出了相应的API和关联的结构,非常方便大家学习。 mapboxGL相关的学习教程;https://dajianshi.blog.csdn.net/article/details/130108573

2025-03-13

vue-leaflet 开发环境配置包(下载-解压-安装-运行)

本项目包是 vue环境下leaflet的开发安装包,下载解压后,npm install 安装, npm run serve 运行。 里面包含了element UI,vuex, vue router,axios 等的内容安装,方便在日后的开发中使用。

2024-12-21

vue-openlayers 开发环境配置包(下载-解压-安装-运行)

本项目包是 vue环境下openlayers的开发安装包,下载解压后,npm install 安装, npm run serve 运行。 里面包含了element UI,vuex, vue router,axios, turf等的内容安装,方便在日后的开发中使用。

2024-09-11

vue-threeJS 开发环境配置包

本配置包是vue-threeJS 的环境包,下载以后,安装:npm install,运行 npm run serve。包含了一些精美的小示例

2024-09-05

GIS气象用的风场演示数据(2)

风场数据通常是指用来描述大气中风向和风速分布的数据集。这类数据对于气象学、航空、航海以及环境科学等领域至关重要。风场数据结构可以非常复杂,取决于数据的来源和精度要求。然而,大多数风场数据都会包含以下基本要素: 1. **地理位置**:通常包括纬度(latitude)和经度(longitude)坐标,有时也会包含海拔高度(altitude)或气压(pressure level)。 2. **风速**:表示风的强度,通常单位为米/秒(m/s)、公里/小时(km/h)或节(knots)。 3. **风向**:描述风的来源方向,常用的角度表示,范围是0°至360°,其中0°或360°表示北风,90°表示东风,180°表示南风,270°表示西风。 4. **时间戳**:数据采集的时间,这对于动态风场尤为重要,因为风速和风向会随时间变化。 5. **水平分辨率和垂直分辨率**:数据网格的间距,决定了数据的精细程度。 6. **垂直层次**:在三维风场数据中,除了地面风速和风向外,还可能包含不同高度上的风速和风向信息。

2024-07-12

GIS气象用的风场演示数据(1)

风场数据通常是指用来描述大气中风向和风速分布的数据集。这类数据对于气象学、航空、航海以及环境科学等领域至关重要。风场数据结构可以非常复杂,取决于数据的来源和精度要求。然而,大多数风场数据都会包含以下基本要素: 1. **地理位置**:通常包括纬度(latitude)和经度(longitude)坐标,有时也会包含海拔高度(altitude)或气压(pressure level)。 2. **风速**:表示风的强度,通常单位为米/秒(m/s)、公里/小时(km/h)或节(knots)。 3. **风向**:描述风的来源方向,常用的角度表示,范围是0°至360°,其中0°或360°表示北风,90°表示东风,180°表示南风,270°表示西风。 4. **时间戳**:数据采集的时间,这对于动态风场尤为重要,因为风速和风向会随时间变化。 5. **水平分辨率和垂直分辨率**:数据网格的间距,决定了数据的精细程度。 6. **垂直层次**:在三维风场数据中,除了地面风速和风向外,还可能包含不同高度上的风速和风向信息。

2024-07-12

免费的ES6学习思维导图

ES6(ECMAScript 2015)作为JavaScript语言的重要版本更新,确实增加了一系列新功能来提升开发体验和代码效率。以下是一些显著的新增功能: 新的原始类型和变量声明: Symbol:ES6 引入了一种新的原始类型 Symbol,用于创建独一无二的标识符,常用于对象属性名,以避免命名冲突。 let 和 const:提供了块级作用域的变量声明,使用 let 可以声明局部变量,而 const 用于声明不可重新赋值的常量。 函数的新写法: 箭头函数:这是函数的一种简洁表达方式,它允许我们以更简短的形式写函数,并且改变了 this 的绑定方式。 模板字符串与标签模板: 模板字符串:通过反引号 ` 来创建字符串,可以在字符串中嵌入表达式,支持多行字符串,使得字符串拼接更加方便。 标签模板:一种高级形式的模板字符串,允许我们在字符串插值之前对其进行处理。 解构赋值: 数组和对象的解构赋值:可以直接从数组或对象中提取值并赋给变量,这在交换变量值或提取对象属性时非常方便。 其他新增特性: 默认参数:为函数参数提供默认值。 扩展运算符:... 用于将一个数组或对象的元素或属性展开。 类

2024-03-01

vite+vue2的项目基础包.zip

本压缩包是vite搭建vue2的项目基础包,使用者解压后,npm install,然后 npm run serve。 这样就能正常运行项目了。亲测好用,欢迎下载使用。 更改为vite+vue2的原因。 原来使用的是webpack,怎么调试都不太好使,最后看到官方使用的是vite,然后就打算更改webpack为vite来解决这一个问题。 这里面要注意要含有vite-plugin-vue2 和 vite。 配置文章介绍: https://dajianshi.blog.csdn.net/article/details/135815464

2024-01-24

js一维数组与三维数组互动,数据转换,类似购物车添加删除

使用javascript将一维数组做一定的转换,增加一些变量,然后将变更后的一维数组转化为三维数组,再然后是一位数组和三维数组的联动,类似于购物车的添加和减少的效果。 交互效果参考:https://dajianshi.blog.csdn.net/article/details/135407555

2024-01-09

d3.js的API思维导图

【材料】:d3.js的API思维导图,图片形式 【介绍】 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。D3 的运行速度很快,支持大数据集和动态交互以及动画。

2023-03-23

d3.js的模块的思维导图

【材料】:d3.js的模块的思维导图,图片形式 【介绍】 D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。D3 的运行速度很快,支持大数据集和动态交互以及动画。 不引入新的视觉表示方法,而是借助于现有的 Web 元素: HTML, CSS, SVG 等。例如,可以使用 D3 创建 SVG 元素,并使用外部样式表进行样式化。也可以使用复合过滤器效果,虚线和裁剪。这样在调试的时候可以方便的使用浏览器内置的调试工具来进行调试。

2023-03-23

cesium的API思维导图

【用途】:可以方便的查看cesium的相关API的结构,有助于学习 【介绍】:Cesium是一个跨平台、跨刘览器的展示三维地球和地图的javascript库;Cesium使用webGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL;Cesium是基于Apache2.0许可的开源程序,它可以免费的用于商业和非商业用途。 cesium官方网站:https://cesium.com/platform/cesiumjs/

2023-03-22

gpx转为geojson格式文件的方法

这是一个 JavaScript 库,可让项目将 GPX 转换为 GeoJSON。2个示例中将gpx2geojson这个插件利用的淋漓尽致,一个是加载pgx 的url的方式来处理数据,另一个是上传gpx文件的方式来处理数据。 【适用对象】 开发者要将gpx文件转化为geojson文件。

2023-03-11

超小录屏软件,生成gif动画

非常好用的录屏软件,超级小,只有不到700k,但是功能却非常好用,可以灵活地设置捕捉区域,设置帧速,可以编辑捕捉后的画面。 GifCam 有时被称为 Gif Camera,是一种动画应用程序,可将屏幕录制转换为 GIF。 这些录音的体积非常小,因此很容易分享。 它们以 gif格式保存,这种格式受到普遍支持,因此播放也没有问题。

2023-03-09

免费 leaflet学习思维导图

【解决问题】:如何学习leaflet更高效呢?一张较好的思维导图能够满足核心知识点的总结。通过学习,可以上传解析和导出数据:上传KML、KMZ、Geojson、shp、zip等,导出Image、pdf、geojson、GML、polyline等,还能学习的更多~~ 【适用人群】: 使用leaflet做开发的小伙伴 【使用场景】:使用leaflet来满足地图开发中的各种要求。 【演示地址】:https://dajianshi.blog.csdn.net/article/details/126747176

2023-03-08

免费openlayers学习思维导图

【解决问题】:如何来高效的学习openlayers,一张思维导图,将核心知识点汇聚,分枝叶查看,促进更好的学习。 【适用人群】: 使用openlayers做开发的小伙伴 【使用场景】:使用openlayers来满足地图开发中的各种要求。 【演示地址】:https://dajianshi.blog.csdn.net/article/details/126706466,提供上传解析和导出示例:上传KML、KMZ、Geojson、shp、zip等,导出Image、pdf、geojson、GML、polyline等

2023-03-08

leaflet加载天地图,3种地图切换【示例源代码】

【解决问题】:如何使用leaflet来加载天地图,并可以3种地图自由的切换。 【演示地址】:https://dajianshi.blog.csdn.net/article/details/127882736 【适用人群】: 使用leaflet做开发的小伙伴 【使用场景】:使用leaflet来满足地图开发中的各种要求。专栏中提供各种地图的加载示例:baidu、高德、google,bing,OSM,stamen,maptiler,天地图,mapbox等

2023-03-07

leaflet清除所有图层【示例源代码】

【解决问题】:如何使用leaflet来清除所有图层,给出一个解决办法 ~~本示例在vue+leaflet中添加各种地图,并清除所有的图层。 貌似很简单的一个示例,但是在学习和工作中非常重要,往往会根据项目的需要来删除图层,达到预期效果。 【适用人群】: 使用leaflet做开发的小伙伴 ~~ 【使用场景】:使用leaflet来满足地图开发中的各种要求。~~ 【演示地址】:https://dajianshi.blog.csdn.net/article/details/126773220

2023-03-07

leaflet加载高德地图示例源代码

解决问题:如何使用leaflet来加载高德地图 示例说明:本示例的目的是介绍演示如何用eaflet添加高德地图,有多种形式,分别是高德路网图、高德卫星影像图、高德矢量地图等。 适用人群: 使用leaflet做开发的小伙伴 使用场景:使用leaflet来满足地图开发中的各种要求。 演示地址:https://dajianshi.blog.csdn.net/article/details/126761464

2023-03-04

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

TA关注的人

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