还是大剑师兰特-CSDN博客

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

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

2025-01-24 00:00:00 1345 56

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

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

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

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

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

2022-09-07 15:39:10 10346 218

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

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

2022-09-07 15:23:19 6980 76

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

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

2022-09-05 15:57:58 23147 189

原创 Python面试题及详细答案150道（91-100） -- 迭代器与生成器篇

文章重点解析Python迭代相关核心概念：迭代器（Iterator）需实现__iter__和__next__方法，具有状态记忆功能；可迭代对象（Iterable）通过__iter__返回迭代器，支持for循环。详细对比了生成器表达式（惰性求值）与列表推导式（立即求值）的语法差异及适用场景，并提供了判断可迭代对象的三种方法（推荐使用collections.abc.Iterable）。通过代码示例演

2025-09-02 08:00:00 1

原创 PyTorch 面试题及详细答案120题（96-105）-- 性能优化与调试

本文总结了关键PyTorch面试问题：模型参数量与计算量分析：通过torchsummary和thop工具计算FLOPs和参数量，评估模型复杂度。 CUDA加速原理：解释PyTorch如何利用NVIDIA GPU的并行计算能力，展示设备迁移和CUDA张量操作。 GPU内存溢出排查：提供批量大小调整、梯度检查点、内存清理等方法解决OOM问题。训练速度优化：提出6种优化策略，包括GPU加速、数据加载优化、混合精度训练和cudnn基准测试等。每个问题均包含原理说明和示例代码，涵盖

2025-09-02 00:00:00 18

原创 Hadoop面试题及详细答案 110题（36-55）-- MapReduce编程模型与原理

MapReduce的核心思想（分而治之、移动计算）、执行流程（输入分片、Map、Shuffle、Reduce阶段）及其关键组件（Partitioner、Combiner）的作用与区别，同时包含Hadoop生态

2025-09-01 10:30:00 107 1

原创 ES6 面试题及详细答案 80题（22-32）-- 对象与解构赋值

本文总结了ES6中对象相关的重要面试题，包括对象字面量简写、计算属性名、Object.assign方法、Object.keys系列方法以及对象解构赋值等知识点。22题介绍了属性简写和方法简写的语法优化；23题说明如何用表达式动态生成属性名；24题分析Object.assign的浅拷贝特性及使用注意事项；25题对比三种对象属性遍历方法的区别；26题展示对象解构赋值的灵活应用场景。这些内容涵盖了ES6对象操作的核心特性，是前端开发者必须掌握的技能。

2025-09-01 08:00:00 17

原创 TensorFlow 面试题及详细答案 120道（81-90）-- 其他框架/工具

重点解析了TensorFlow与PyTorch的核心区别：TensorFlow适合工业级部署（静态计算图），PyTorch更灵活（动态计算图），并给出代码示例。同时解答了Keras与TensorFlow的整合关系、TF与Scikit-learn/OpenCV的集成方法，以及TensorFlow.js转换和TFX组件等实用问题。

2025-09-01 00:00:00 53

原创 Cesium 入门教程（十四）：鼠标键盘交互

Cesium提供了丰富的3D场景交互功能，支持自定义鼠标键盘事件和实体拾取操作。本文介绍了5个实际案例（包括鼠标样式更改、坐标显示、广告牌点击切换等），并详细讲解了默认交互行为、控制器配置方法、事件监听实现（如LEFT_CLICK、MOUSE_MOVE）和键盘响应逻辑。还包含交互性能优化建议，如事件移除、节流处理等。附有完整源代码链接和可视化演示动图，适合开发者快速掌握Cesium的交互开发技巧。

2025-09-01 00:00:00 1177

原创 ES6 面试题及详细答案 80题（13-21）-- 数组与字符串扩展

摘要本文介绍了ES6中数组的扩展方法，主要包括静态方法Array.from()和Array.of()，以及实例方法includes()、flat()、flatMap()、find()等。重点解析了Array.from()可将类数组对象和可迭代对象转为数组的特性，对比了includes()和indexOf()在处理NaN时的差异，并演示了如何使用扩展运算符实现数组复制和合并。此外，还详细说明了flat()和flatMap()在数组扁平化中的应用，包括参数设置和实际用法示例。

2025-08-31 09:00:00 108 1

原创 TensorFlow 面试题及详细答案 120道（71-80）-- 性能优化与调试

重点介绍了TensorFlow模型优化的关键技术：1）通过tf.data优化数据管道，启用混合精度训练；2）分析影响模型性能的硬件、数据、模型结构等关键因素；3）使用tf.profiler定位性能瓶颈；4）实现模型量化以减小体积、加速推理。提供具体代码示例（如分布式训练、量化感知训练），帮助开发者提升模型效率。

2025-08-31 00:00:00 182

原创 ES6 面试题及详细答案 80题（06-12）-- 函数与箭头函数

本文总结了JavaScript中函数相关的核心面试题，包括箭头函数特性、this指向规则、参数处理等关键知识点。主要内容涵盖：箭头函数与普通函数的6大区别：语法简洁性、this绑定机制、构造函数限制等箭头函数不能作为构造函数的原因：缺乏prototype和动态this绑定 this指向规则对比：箭头函数静态绑定与普通函数动态绑定的本质差异函数参数默认值设置：语法规范、作用域规则及常见注意事项剩余参数与arguments的区别：数组类型、使用场景和兼容性差异这些知识点涵盖了JavaScript函数系

2025-08-30 09:00:00 18 1

原创 TensorFlow 面试题及详细答案 120道（51-60）-- 模型保存、加载与部署

针对TensorFlow模型持久化的部分，重点讲解了四种核心方法：权重保存（save_weights）、全模型保存（save）、SavedModel格式和模型冻结，通过对比表格说明各方法特点，并附有代码示例展示不同场景下的具体实现。

2025-08-30 00:00:00 78 1

原创 Cesium 入门教程（十三）：粒子系统实例

Cesium粒子系统指南：从基础到实践 Cesium粒子系统可模拟自然现象和特效，如喷泉、烟雾、雨雪等。核心组件包括粒子（位置/速度/大小/颜色属性）、发射器（点/盒/球/锥形）和更新器（控制粒子行为）。通过配置粒子纹理、生命周期、速度及颜色渐变等参数，结合性能优化技巧（如限制粒子数量、简化纹理），可实现丰富的动态效果。文章提供了Vue+Cesium的实践案例源码（喷泉、红烟、局部雨雪效果）和基础配置示例，适合开发者快速掌握粒子系统的应用。

2025-08-30 00:00:00 2100

原创 Scala面试题及详细答案100道（41-50）-- 模式匹配

Scala模式匹配是一个强大的功能，相比Java的switch语句具有显著优势。它支持常量、变量、类型、构造器和集合的匹配，可以解构元组、样例类等复杂数据结构，并具备通配符模式和守卫条件等高级特性。核心特点：表达式特性：模式匹配是一个表达式，可以返回值解构能力：直接解构元组、样例类和集合类型安全：编译时检查密封类的完整性灵活性：支持守卫条件和通配符模式典型应用场景：替代复杂的if-else逻辑链处理代数数据类型（ADT）解析和转换复杂数据结构实现函数式编程中的模式分解模式匹配使代码更简

2025-08-29 15:30:00 29 1

原创 Transformer 面试题及详细答案120道（31-40）-- 位置编码与输入处理

本文介绍了Transformer中的位置编码原理及常见实现方式。第一部分详细解析了正弦余弦位置编码的计算公式，说明其如何通过三角函数同时表达绝对位置和相对位置信息，并附可视化代码展示编码效果。第二部分对比了其他常见位置编码方式（可学习编码、相对位置编码、旋转位置编码和ALiBi），分析各自的优缺点及适用场景。第三部分着重比较了可学习位置编码与固定编码的区别，包括生成方式、泛化能力、参数开销等方面。最后解释了输入嵌入与位置编码通过相加结合的机制，并提供了示例代码实现。文章通过数学公式和代码示例结合的方式，全面

2025-08-29 12:30:00 32 4

原创 Cesium 入门教程（十二）：时间动画实例

Cesium时间动画功能开发指南本文介绍了Cesium中基于时间维度的动态展示功能，包含5个实际应用案例源代码和基础开发知识。案例涵盖动态位置更新、图片旋转、轨迹模拟等典型场景。详细讲解了时间系统基础、实体动画实现、时间控制API等核心技术，包括JulianDate时间处理、SampledProperty属性动画、Clock时间控制器等关键概念。文章还提供了完整代码示例和可视化效果展示，适合开发者快速掌握Cesium时序数据可视化方法，实现卫星轨迹、交通移动等动态场景的模拟效果。

2025-08-29 08:00:00 917 26

原创 Spark面试题及详细答案100道（45-55）-- Spark Core与调度

专栏提供Spark相关高频面试题解析，如任务调度机制（DAG划分、Stage与Task分配）、并行度调整参数（spark.default.parallelism与spark.sql.shuffle.partitions区别）、动态资源分配配置等，帮助开发者深入理解Spark核心原理与

2025-08-29 07:45:00 13

原创 TensorFlow 面试题及详细答案 120道（41-50）-- 数据输入与管道

本文摘要：专栏《前后端面试题》汇集了前后端开发各模块的面试题目，涵盖HTML、JavaScript、CSS、Vue、React等技术栈，以及Java、GIS框架（如OpenLayers、Cesium）、数据库（MongoDB、SQL）和系统（Linux）等后端内容。重点解析了TensorFlow数据输入的四种方式：内存数据直接输入、tf.keras.preprocessing工具（如ImageDataGenerator）、高性能tf.data.Dataset API及专用文件读取工具，并通过代码示例对比不

2025-08-29 00:00:00 32 1

原创 Cesium 入门教程（十一）：Camera相机功能展示

Cesium Camera是控制3D场景视图的核心组件，通过设置位置、方向、视角等参数实现场景浏览。核心功能包括：设置相机位置（setView）、平滑飞行（flyTo）、围绕目标旋转（lookAt）等操作，支持自定义视锥体参数（fov、近/远裁剪面）。提供禁用默认交互、监听相机事件等控制方式，并支持坐标转换（笛卡尔坐标转经纬度）。实际应用示例涵盖自动旋转、定位实体、区域查看等功能。需注意性能优化（合理设置far值）和视角限制（避免极端角度）等问题。

2025-08-28 17:30:59 876 2

原创 Scala面试题及详细答案100道（31-40）-- 集合框架

Scala集合转换摘要（150字） Scala集合可通过to/from方法实现不可变与可变集合的相互转换。不可变转可变：使用目标集合的from方法（如mutable.ListBuffer.from(immutableList)）或to方法指定目标类型。可变转不可变：调用toImmutable或使用不可变集合的from方法（如immutable.Vector.from(mutable.ArrayBuffer)）。转换会创建新集合，原集合保持不变。典型应用场景包括：函数式代码对外暴露不可变集合，内部使用可变集合

2025-08-28 15:45:00 19 1

原创 Transformer 面试题及详细答案120道（21-30）-- Encoder与Decoder细节

本文解析了Transformer模型的21-26个核心面试题，包括：残差连接的作用：缓解梯度消失，保留原始信息层归一化与批归一化的区别：LN适用于序列模型，BN更适合CV任务前馈网络结构：通过非线性变换增强特征表达能力编码器-解码器注意力机制：实现跨语言语义对齐掩码的防泄露原理：屏蔽未来信息保

2025-08-28 13:15:00 17

原创 Spark面试题及详细答案100道（31-44）-- Spark SQL与Spark Streaming

Spark核心概念与实战技巧。Spark SQL提供结构化数据处理能力，兼容Hive但性能更优，支持多种数据源和API操作。临时视图（TempView）仅当前会话可见，全局临时视图（GlobalTempView）跨会话共享。Spark Catalog统一管理元数据，支持数据库、表、函数操作。执行SQL可通过spark.sql()或CLI工具。Spark Streaming采用微批处理模型，而Structured Streaming基于Da

2025-08-28 07:30:00 136

原创 TensorFlow 面试题及详细答案 120道（21-30）-- 模型构建与神经网络

专栏重点解析了TensorFlow相关面试题，包括神经网络API（如tf.keras、tf.layers）、模型构建方式（Sequential与Functional API）、自定义层实现、激活函数原理、卷积层与池化层工作机制等核心知识点，并配有代码示例。该专栏为开发者提供了全面的技术面试准备资料，帮助系统掌握前后端开发与深度学习的关键概念。

2025-08-28 00:00:00 58

原创 Scala面试题及详细答案100道（21-30）-- 面向对象编程

21. Scala类与Java类的区别 Scala类语法更简洁，主构造器与类定义融合，默认public访问权限，支持自动生成字段和方法。Java类需显式定义构造器和访问修饰符。Scala类定义示例：class Person(var name: String, val age: Int)，主构造器参数自动生成对应字段。 22. 主构造器与辅助构造器主构造器是类定义的一部分，类体代码即其执行逻辑。辅助构造器用def this()定义，必须首行调用主构造器或其他辅助构造器。

2025-08-27 15:45:00 25 1

原创 Transformer 面试题及详细答案120道（11-20）-- 自注意力机制

包括其计算公式（Q、K、V向量的作用）、缩放因子原理、掩码自注意力的应用场景（仅Decoder使用）、多头注意力的优势（多子空间特征捕捉）及实现方式。同时探讨了自注意力的时间复杂度（O(n²d)）及长序列优化方案（如稀疏注意力），并通过例句分

2025-08-27 12:45:00 23

原创 Spark面试题及详细答案100道（21-30）-- DataFrame与DataSet

Spark DataFrame与DataSet面试题解析 DataFrame与DataSet核心区别 DataFrame：弱类型分布式行集合，类似关系表，支持SQL优化但无编译时类型检查 DataSet：强类型扩展，结合RDD类型安全与DataFrame优化性能，适合复杂业务逻辑 SQL操作对比操作 DataFrame语法 SQL语法选择列 select("列名") SELECT 列名过滤 filter(col>18) WHERE col>18 分组 groupBy()

2025-08-27 07:30:00 34 8

原创 TensorFlow 面试题及详细答案 120道（61-70）-- 高级特性与工具

本文介绍了TensorFlow相关面试题，包括TensorFlow Hub的预训练模型使用、TensorFlow Probability的概率建模应用以及TensorBoard的可视化功能。TensorFlow Hub提供高质量预训练模型，支持迁移学习；TensorFlow Probability结合概率统计与深度学习，适用于不确定性问题；TensorBoard则可监控训练过程，可视化计算图、损失曲线和模型参数。这些工具能显著提升开发效率和模型性能。

2025-08-27 00:00:00 284 19

原创 Python面试题及详细答案150道（81-90） -- 异常处理篇

本文介绍了Python异常处理的核心机制，包括以下关键知识点：异常处理结构：详细解析了try-except-else-finally语句的作用与执行流程，通过示例演示了如何捕获和处理不同类型的异常。自定义异常：讲解了如何通过继承Exception类创建业务相关的异常类型，并给出了定义和使用自定义异常的最佳实践。 raise语句：说明了主动抛出异常的三种方式，包括抛出内置异常、自定义异常以及在异常处理中重新抛出异常的技巧。常见异常类型：列举了Python中6种典型异常（TypeError/ValueEr

2025-08-26 12:45:00 426 4

原创 Spring面试题及详细答案 125道（26-45） -- Spring AOP篇

本文介绍了Spring AOP的核心概念与应用，包括AOP的定义、作用及核心组件（切面、连接点、通知等）。重点解析了5种通知类型（@Before、@Around等）的使用场景和语法，详细说明了切入点表达式的匹配规则。通过对比Spring AOP与AspectJ在实现方式、功能范围等方面的差异，帮助开发者合理选择AOP方案。最后揭示了Spring AOP基于动态代理的实现原理，包括切面解析、代理创建和通知织入过程。文章为面试者提供了Spring AOP的全面知识体系，涵盖从基础概念到实际应用的关键技术点。

2025-08-26 08:00:00 400 17

原创 Node.js面试题及详细答案120题（43-55） -- 性能优化与内存管理篇

这篇专栏文章总结了Node.js中常见的内存管理与性能优化面试题，主要内容包括： Node.js的内存限制及突破方法： 32位系统默认512MB，64位系统1.4GB 可通过--max-old-space-size参数调整限制建议使用流处理大文件或拆分任务内存泄漏排查方法：使用process.memoryUsage()监控内存通过Chrome DevTools分析堆快照推荐工具：clinic.js、node-heapdump、pm2等常见内存泄漏场景：全局变量未清理未移除的事件监听器未清除

2025-08-26 00:00:00 202 7

原创 .prettierrc有什么作用，怎么书写

.prettierrc 是 Prettier 代码格式化工具的配置文件，用于统一代码风格、自动化格式化并减少代码审查负担。它支持 JSON、YAML、JS 等多种格式，常用配置包括分号、引号、换行等规则。使用前需安装 Prettier 并配置编辑器插件，建议团队统一配置并纳入版本控制。合理配置 .prettierrc 可提升代码一致性和可读性。

2025-08-25 14:17:58 807 5

原创 Go面试题及详细答案120题（41-60）

Go并发编程面试题摘要 goroutine与线程区别 goroutine是Go的轻量级执行单元（初始2KB），由运行时管理，支持M:N调度相比线程（1MB+，内核调度），goroutine创建/切换开销更低，可支持更高并发量 goroutine启动与同步使用go func()启动同步方式： sync.WaitGroup（推荐）：Add()/Done()/Wait()组合通道通信：通过channel传递完成信号 context.Context：支持取消操作的场景锁机制对比 Mutex：互斥锁，保证写

2025-08-25 12:45:00 257

原创 Rust面试题及详细答案120道（58-65）-- 集合类型

Rust集合类型与字符串处理面试题摘要核心知识点集合类型： Vec<T>：动态数组，支持高效随机访问(O(1)) String：UTF-8编码的可变字符串，基于Vec<u8> HashMap<K,V>：哈希表，键值对存储，平均O(1)操作 BTreeMap/HashSet/BTreeSet等特性与适用场景安全操作： Vec避免越界：使用get()而非直接索引 String需正确处理UTF-8：使用chars()迭代而非直接索引 HashMap操作：insert/ge

2025-08-25 08:00:00 155 13

原创 Spring面试题及详细答案 125道（16-25） -- 核心概念与基础2

《Spring面试题精要》摘要：本文涵盖Spring核心概念5大高频面试题：自动装配详解4种模式：byName（按属性名匹配）、byType（按类型匹配，需唯一）、constructor（构造器注入）、autodetect（已废弃），配合XML/注解配置示例。禁用自动装配方案提供XML设置autowire="no"、Java配置类显式注入、控制@Autowired使用等三种禁用策略。 @Qualifier核心作用解决多同类型Bean冲突，通过指定Bean名称精确注入，对比XM

2025-08-25 00:00:00 181 4

原创 TensorFlow 面试题及详细答案 120道（1-10）-- 基础概念

内容包括TensorFlow基础概念（如张量、计算图）、版本差异（1.x与2.x对比）、关键特性（如Eager Execution）、会话机制以及张量操作（常量、变量、占位符的创建与区别）。重点解析了TensorFlow的工作原理、数据结构特点及实际应用场景，适合准备机器学习相关岗位的面试者系统复习TensorFlow知识要点，掌握从基础概念到版本演进的核心内容。

2025-08-24 14:00:00 30

原创 PyTorch 面试题及详细答案120题（86-95）-- 模型构建与应用

本文介绍了三种常见神经网络模型的构建方法，涵盖分类任务和文本生成场景。全连接神经网络(MLP)通过输入层、隐藏层和输出层实现分类；卷积神经网络(CNN)利用卷积层提取图像特征进行分类；循环神经网络(RNN)通过隐藏状态处理序列数据，适用于文本生成。每种模型均包含原理说明和PyTorch实现代码，展示了网络结构定义、训练流程等关键环节，为深度学习实践提供了基础参考。

2025-08-24 12:30:00 53 3

原创 PyTorch 面试题及详细答案120题（71-85）-- 高级特性与工具

本文精选关键PyTorch面试题，涵盖JIT编译、分布式训练等核心知识点： JIT编译：通过torch.jit将动态图转为静态图，提升执行效率并支持跨平台部署，提供trace（追踪计算路径）和script（解析代码逻辑）两种导出方式。分布式训练：详解rank、world_size等核心概念，演示使用DistributedDataParallel实现多GPU/多机训练，对比数据并行与模型并行的适用场景。关键工具对比：分析DataParallel（单进程多GPU）与Di

2025-08-23 12:30:00 113 3

海洋上浮漂数据，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）

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

TA关注的人

海洋上浮漂数据，20000+条

免费MapboxGL学习思维导图

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

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

vue-threeJS 开发环境配置包

GIS气象用的风场演示数据（2）

GIS气象用的风场演示数据（1）

免费的ES6学习思维导图

vite+vue2的项目基础包.zip

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

d3.js的API思维导图

d3.js的模块的思维导图

cesium的API思维导图

gpx转为geojson格式文件的方法

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

免费 leaflet学习思维导图

免费openlayers学习思维导图

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

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

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

mapbox中queryRenderedFeatures 是怎么工作的？

mapbox中怎么绘制可以倾斜角度的矩形

mapbox 中的version为什么必须是8 ？

mapbox画一个多边形，画完后怎么把长度和面积都标注在图形上？

怎样理解git是版本控制系统？

warning LF will be replaced by CRLF

openlayers中icon使用svg，空心部分不算成图片的一部分吗？

mapbox中怎么在多边形polygon样式上填充渐变色

vue中怎样来取消eslint语法限制？

vue中$listeners这个怎么来应用？

vue中$attrs这个属性怎么使用？

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure element '<URL>'.

[ECharts] Can't get DOM width or height. Please check dom.clientWidth and dom.clientHeight. They sho

el-tree无数据时候怎么做国际化？

Openlayers错误- Canvas：Multiple readback operations using getImageData are faster ...解决办法