w字总结《JavaScript设计模式与开发实践》(基础篇) 系列文章w字总结《JavaScript设计模式与开发实践》(设计模式)(上) w字总结《JavaScript设计模式与开发实践》(设计模式)(下) w字总结《JavaScript设计模式与开发实践》(设计原则和编程技巧) 前言为什么我要开始写这类文章了,一切都得从EDG夺冠开始说起,在打完第三局后我发了一条朋友圈……如下图。 我也是没想到EDG韧性这么强,汉子哥这么热爱中国。不管怎么说, 2021/11/16 读书笔记 #JavaScript #读书笔记
【三维GIS可视化】基于Vue+Cesium+Supermap实现智慧城市(二) Web Worker背景众所周知,JavaScript是单线程模型,所有的任务只能在同一条线程上进行完成,前边的任务未完成则后续任务只能等待,所以在H中引入了Web Worker,为JavaScript创建一个多线程的环境,将部分任务提供给它在后台运行,前台后台同时运行。 Web Worker是后台运行的JavaScript,它独立于其他脚本且不会影响页面的性能。引入Web Worker的好处是一 2021/06/21 Cesium #JavaScript #Cesium
Cesium | Primitive图元介绍及与Entity对比 前言在之前的文章中,我们大部分使用的添加实体的方式都是entity添加,而在性能优化中我们提到了primitive添加的方式,entity在本文就不多做介绍了,本文主要介绍一下primitive相关知识。 什么是Primitive首先我们在Cesium API文档中搜索primitive,看文档中对Primitive类的介绍,翻译过来大致如下: 图元代表场景中的几何体。 几何可以来自单个 Geo 2021/06/17 Cesium #JavaScript #Cesium
Cesium | 海量点的加载与性能优化 前言在Cesium中我们可能会遇到加载海量数据的情况,但当我们进行实现的时候会发现页面渲染会因为数据量过大而变得迟缓,十分影响用户体验。接下来我将先通过大数量的点进行性能检测,然后对其进行优化。 本文利用Turf进行海量随机点的生成 测试首先我们通过Turf生成万量级的点位信息 1234567891011121314let points = turf.randomPoint(10000, 2021/06/11 Cesium #JavaScript #Cesium
Cesium | 利用Property机制实现轨迹回放 前言我们在前面的文章中介绍过Cesium的Property机制,了解了它的作用以及它的用法,这篇文章我们通过一个实际场景来深入学习和复习一下Property机制。 在智慧城市系统中,必不可少的就是轨迹回放或者让模型沿着指定路径行走,而Cesium提供的Property机制能够在很好的实现这样的场景的同时保证性能。下面简单来讲一下Property,更多的知识可以阅读Cesium的Property机制 2021/06/10 Cesium #JavaScript #Cesium
Electron实现启动Loading动画效果 Electron是什么 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序 ——官网 Electron是GitHub开发的一个开源框架。它允许使用Node.js(作为后端)和Chromium(作为前端)完成桌面GUI应用程序的开发。Electron现已被多个开源Web应用程序用于前端与后端的开发,著名项目包括GitHub的Atom和微软的Visual Studio Co 2021/06/09 Electron #JavaScript #Electron
Cesium的Property机制究竟有多香 前言这两天在研究Cesium中如何实现沿线飞行或漫游功能,上网查资料发现有好多博主的解决办法都包含了什么什么Property……勾起了我强烈的好奇心,遂去了Cesium官网一探究竟,一下我就被第一句话震惊到了。 All values we define for our entities are stored as Property objects. 实体的所有值都被维护成了Property对象 2021/06/07 Cesium #JavaScript #Cesium
【三维GIS可视化】基于Vue+Cesium+Supermap实现智慧城市(五) 前言 这个效果也是我偶然间在一个视频中看到的,然后开始逐步理清思路动手开始实现,简单来讲就是利用Entity的显示隐藏以及坐标的转换实现。因为是野路子所以可能实现过程略显粗糙或冗余,接下来来我们开始。 基本思路我们需要利用点击事件获取我们选中的这个实体,隐藏当前实体并获取到它的外围坐标集来生成新的多边形,并且要对这个多边形进行放大平移等操作。同时我们需要提供一个关闭按钮让其能够退出所谓的分层模式。 2021/06/03 Cesium #JavaScript #Cesium
Cesium源码跟读之CesiumWidget的实现 前言没错,我也来读源码了,因为之前的文章中简单提到了一下Cesium的渲染机制,所以我索性一咬牙将这块的源码通读一遍,自己也能更深入的了解Cesium,这篇文章也就作为我的一个记录。准备工作只有一步:从GitHub上拉取一份Cesium最新的代码,找到Source\Widgets\CesiumWidget\CesiumWidget.js文件。 文章中代码仅为涉及到讲解部分的代码,未全部放出 用 2021/06/02 Cesium #JavaScript #Cesium
Turf.js—让你在浏览器上实现地理分析 前言我们在地图相关系统中必不可少的就是空间分析操作相关需求,例如缓冲区、计算等高线等。凭借简单的js我们无法将点线面进行结合分析,而Turf.js的出现帮我们解决了这一难题,让我们在浏览器中也可以轻松的使用以前只属于桌面GIS的分析功能。 Turf.js简介及其意义Turf.js是MapBox公司研发的基于浏览器端的空间分析库,它使用JavaScript进行编写,通过npm进行包管理。值得一提的是 2021/06/01 GIS #JavaScript #GIS