自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

X北辰北的博客

视野决定广度,技术决定深度

原创 主流前端框架下ArcGIS API for JavaScript的开发

在工作之余利用周末的时间录制了一门ArcGIS API for JavaScript的零基础开发课程,相关信息如下。 课程介绍 课程详细介绍请看如下地址中的视频介绍。 课程特点 课程所用API为目前最新版ArcGIS API for JavaScript 4.14 课程所用的主流前端框架...

2020-10-14 09:08:25 386 3

原创 13 ArcGIS API for JavaScript开发入门文档

写在前面 这篇文章写在我用ArcGIS API for JavaScript(后面统称为"ArcGIS JS API")开发了两年项目后的某一天夜里。写这篇文章主要是两个目的吧,第一个原因肯定是为后面越来越多的从事WebGIS开发的GISer提供一个学习路线,当然,我提供的这...

2020-09-04 12:53:47 1437 13

原创 该置顶的文章还是要置顶

一时兴起,开通了一个微信公众号,公众号里面会持续出一系列的WebGIS开发相关的内容,希望各位有需要的关注一下。

2020-02-15 19:33:58 505 9

原创 24【React基础-3】元素渲染

写在前面 本文是【React基础】系列的第三篇文章,这篇文章中我们介绍一下在react中的"元素"这个概念,并且了解下它跟我们传统的浏览器DOM元素有什么不同。 概述 上一篇文章我们为大家介绍了react中独特的代码编写方式——JSX。通过上文的了解,我们知道我们可以将一...

2020-10-24 09:08:05 11 0

原创 23【React基础-2】JSX

写在前面 本文是【React基础】系列的第二篇文章,这篇文章中我们介绍一下在react中一种另类的编码方式——JSX。它可是允许我们将HTML标签直接编写在JS代码中的呦,感兴趣的话就一起来学习吧。 概述 上一篇文章在结束时大家肯定会有很多疑问,这篇文章开始我们就为大家开始一一解答这些疑问。...

2020-10-15 09:09:53 93 3

原创 22【React基础-1】Hello World

写在前面 从这篇文章开始,我们重新来学习一下React的官网。本文从经典的Hello World示例开始,给大家介绍下react应用的创建,通过本文的介绍,我们学会新建一个react应用。 概述 React其实就是一个JS文件库,本质上跟我们的jQuery这些JS库是一样的,所以大家在开始的...

2020-10-13 08:52:03 1527 17

原创 14 ArcGIS JS API 4.16实现三维场景中在天地图底图上加载2000坐标系的倾斜摄影数据

所需数据 国家天地图官网数据服务作为底图 自己发布的GCS 2000地理坐标系的倾斜摄影数据服务,对应wkid为4490 ArcGIS JS API 4.16 最新版 操作步骤 1、利用"esri/layers/BaseTileLayer"这个JS API模块扩展出来一...

2020-10-10 09:07:11 157 2

原创 12 ArcGIS JS API 4.16控制地图的缩放大小

问题描述 在WebGIS项目开发过程中,有时候我们的数据服务在某些级别下是没有数据的,比如一个切片服务,仅仅切了5-12级,所以当我们将地图缩放到0-4级或者12级往后的话,会看不到我们的切片图层。为了解决这个问题,我们就要控制地图的缩放级别,换句话说就是将地图的最大和最小比例控制在5-12级,...

2020-08-26 12:20:07 650 0

原创 11 去除ArcGIS JS API 4.16实例化后的地图拖动时默认自带的5px的外边框

问题描述 使用ArcGIS JS API 4.16实例化完地图后,当我们的鼠标拖动地图时发现地图的四周会默认自带一圈的外边框,这在我们的系统中看起来是很不协调的,大致样子如下所示: 就像上图中的四周,有一圈黑色的外边框,但是当我们鼠标移除的时候它会自动消失,所以这就很不舒服,今天就给大...

2020-08-13 10:12:02 386 1

原创 05 基于Express框架创建的Node后台中进行网络请求

写在前面 NodeJS后台主要是用来实现后台数据库的增删改查,但有时候我们也需要在Node后台中进行网络请求,就是说我们自己写的后台接口中要请求另一个其它接口的需求。这种场景其实在解决跨域问题的时候用的比较多,比如有一个第三方的接口,我们请求时出现了跨域问题,这个时候我们可以在自己的前端项目里配...

2020-07-20 16:13:33 148 0

原创 04 基于Express框架创建的Node后台获取前端传过来的参数

写在前面 NodeJS后台主要是用来实现后台数据库的增删改查,那么数据库的增删改查是需要依赖我们前端传过来的数据值,也就是说,我们要在数据库中插入一个值,插入的这个过程是NodeJS后台代码来做,具体要插入的值则是我们前端通过ajax或者axios传过去的值,所以就有一个问题:在NodeJS后台...

2020-07-20 16:10:39 181 0

原创 03 为基于Express框架创建的Node后台配置跨域访问

写在前面 跨域这个问题只要是涉及前后端数据交互,就会经常遇到,所以我们开发中也一样,即便你是在本地启动后台服务,然后在你的项目中去调用,依然存在跨域问题,所以我们要为我们新建的NodeJS后台配置跨域访问,也就是说让它允许跨域访问。 环境要求 安装了NodeJS环境(可以使用npm包管理工具...

2020-07-20 16:06:30 88 0

原创 02 为基于Express框架创建的Node后台配置路由

写在前面 上一篇文章中我们初始化了一个基于Express框架的NodeJS后台,但是里面的代码全都在index.js文件中,所以这一篇文章就给大家介绍下如何去组织node后台的代码编写,也就是我们说的给它配置个路由。 环境要求 安装了NodeJS环境(可以使用npm包管理工具) 初始化了一...

2020-07-20 16:02:49 80 0

原创 01 初始化一个基于Express框架的Node后台项目

写在前面 这个系列主要是通过几篇简单的文章来介绍下如何快速搭建一个基于Express框架的NodeJS后台,供自己在平时开发中使用,我们最终会一步一步搭建起来一个稳定运行的NodeJS后台。本文是这个系列的第一篇文章,我们先来搭建一个基础的node后台。 环境要求 安装了NodeJS环境(可...

2020-07-20 15:45:11 127 0

原创 04【React再造之旅】从零实现一个React(上)
原力计划

写在前面 本文参考"Rodrigo Pombo"大佬的《Build your own React》一文。文中最终会实现一个类似于react的框架,但里面并没有使用任何react的东西,全是我们自己写的实现逻辑,感兴趣的话就一起开始学习吧。 这篇文章我们主要介绍以下几件事情:...

2020-07-16 16:50:43 91 0

原创 05【React再造之旅】从零实现一个React(下)

写在前面 本文继续上一节文章,来介绍下剩余的知识,如下: Render和Commit阶段 调和过程 函数组件 Hooks 我们接下来的部分就依次介绍下这些知识点。 代码获取 本文涉及到的代码全部上传至码云,需要的同学请在下面地址中获取: ...

2020-07-15 17:17:58 144 0

原创 02 Hexo博客Butterfly主题配置博客评论邮件提醒

概述 个人博客搭建成功后已经上线运行了好久,但是一直没有时间配置评论区的邮件提醒功能,所以今晚有时间就抽空配置了,然后将操作过程做一下记录。 前提条件 一个已经上线运行的Hexo博客(至于用什么主题都是没有强制要求的) 操作步骤 1、为博客配置Valine评论系统 Hexo博客支持的评论...

2020-07-10 12:16:22 663 8

原创 02【JS数据结构与算法】栈

写在前面 上一节我们介绍了JS中的第一个数据结构——数组,包括它里面的一些自带的方法、还有我们自己手动实现的方法、还有使用场景等。JS中的数组跟其他语言不太一样,它是动态增长的,所以它给我们编程带来了极大的灵活性。今天我们再来介绍另一种数据结构——栈,它其实可以看作是JS中的一种特殊的数组。 ...

2020-06-30 15:29:00 82 0

原创 01【JS数据结构与算法】数组
原力计划

写在前面 几乎所有所有的编程语言中都支持了数组,JavaScript也不例外。在很多的编程语言中数组是用来存放一系列同种类型的值的,但是在我们的JS中,它却可以存放不同类型的值,而且它的长度还可以随着我们添加的值动态增加,所以在JS里面使用数组,会让我们有一种如丝般顺滑的感觉。 接下来的内容我...

2020-06-20 15:41:53 153 0

原创 10 ArcGIS JS API 4.15实现地图加载图片(优化版)

写在前面 之前写了一篇关于在ArcGIS地图上添加图片的文章,关注度还可以,在项目中也用文章中提到的技术路线实现了地图叠加图片的需求。但是最近客户又有了新需求,因为我们在之前的文章中通过扩展图层来实现图片添加后,如果图片中某一处的信息比较丰富,在地图缩放的一瞬间如果我们拖动地图的话,那部分的图片...

2020-06-09 14:33:29 602 0

原创 09 ArcGIS JS API 4.15渲染后台接口返回的数据,并进行点选查询

问题描述 出差的某一天晚上在宾馆没事干瞎想,突然想到白天做过的项目功能的时候,有个点选查询的功能引起了我的注意。在项目中为了实现点选查询,是在ArcGIS Server里面发布了一个要素服务,然后将其添加到地图上渲染,并实现了鼠标的点选查询功能,那这个功能可不可以不通过发布服务来实现呢?想到这,...

2020-06-07 21:10:03 604 0

原创 01 【JS排序算法】JavaScript实现冒泡排序

写在前面 本文是学习"ben大叔"大佬的相关文章所总结而成。 作为一名前端,你可以不了解复杂的一些算法实现,但是关于排序算法你可要了解和掌握哦,比如以下这几种: 冒泡排序简介 冒泡排序作为排序算法家族中的成员来说,相当于编程语言学习中的"Hello W...

2020-06-03 21:08:52 129 0

原创 03【React再造之旅】redux在React中的基础使用

写在前面 同样的,这篇文章继续参考学习"Mr_大木"大佬的《React-Redux基础(二):React里面如何使用redux,redux修改操作》这篇文章后的一片笔记。 这篇文章在上一节的基础之上,来给大家介绍下如何在基于React的项目中使用Redux。因为是实际操作篇...

2020-05-29 17:24:11 108 0

原创 02【React再造之旅】redux基础使用

写在前面 这篇文章是在我逛CSDN博客时发现"Mr_大木"大佬的《React-Redux基础(一):认识redux、redux基本用法》这篇文章后,学习完写的一片笔记,大佬的这篇文章才算真正的介绍清楚了redux的基本使用。大佬后期的文章我也会继续关注、继续学习。 re...

2020-05-29 16:31:16 98 0

原创 05 【JavaScript设计模式】策略模式

写在前面 这个系列的文章是通过对《JavaScript设计模式》一书的学习后总结而来,刚开始觉得学习的时候只需看书即可,不用再另外记录笔记了,但是后面发现书中有些内容理解起来并不是很容易,所以结合书中的描述就将自己的理解也梳理了一下并将它记录下来,希望和大家一起学习,文章中如果有我理解错的内容,...

2020-05-28 08:55:42 93 0

原创 02 Electron和React结合开发

概述 Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍,这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。 前提要求 创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建,实例化dem...

2020-05-05 18:18:30 186 3

原创 01 Electron开发环境搭建,创建demo

概述 JS一直拿来搞前端的话似乎有点浪费这门语言,所以我打算学学用JS来做桌面端,很巧的是,JS确实有专门做桌面端的库——Electron。那么就开始搞事吧,这就是这个专栏系列开通的原因,至于能写到什么程度,我也不太确定,反正这篇文章先给大家介绍下如何搭建Electron开发环境并创建一个项目。...

2020-05-05 18:08:05 1075 1

原创 【番外】Electron结合ArcGIS API for JavaScript的开发

概述 写这篇文章主要是想折腾下,因为我看到JS可以通过Electron来做桌面应用程序,那么Electron能不能和ArcGIS API for JavaScript进行结合开发呢,这样一来是不是可以从某种意义上理解成我们的ArcGIS API for JavaScript可以做桌面应用了呢?带...

2020-04-30 14:31:20 268 0

原创 06 jQuery绑定的点击事件执行两次的解决方法

问题描述 在项目中有一个需求,需要给一个按钮绑定点击事件,通过用户的点击操作来切换按钮的背景色和按钮文字,再加一些业务逻辑操作。因为项目是基于Dojo框架搭建的,所以并不能做到像Vue和React这种数据控制UI渲染的效果,只能通过引入jQuery来给按钮绑定点击事件来完成这个需求,代码如下: ...

2020-04-29 15:59:07 136 2

原创 05 关于console对象,你要知道的几件事情

写在前面 做前端开发已经有一两年了吧,对于console对象你应该不陌生吧,那我猜你经常用的是console.log()方法,对于console其它的方法你还了解多少呢?这篇文章我们一起来看看console这个对象的另外一些方法,增加你的一些小技能。 console介绍 console对...

2020-04-29 15:55:49 116 0

原创 04 【JavaScript设计模式】单例模式

写在前面 这个系列的文章是通过对《JavaScript设计模式》一书的学习后总结而来,刚开始觉得学习的时候只需看书即可,不用再另外记录笔记了,但是后面发现书中有些内容理解起来并不是很容易,所以结合书中的描述就将自己的理解也梳理了一下并将它记录下来,希望和大家一起学习,文章中如果有我理解错的内容,...

2020-04-28 16:25:34 189 2

原创 08 ArcGIS JS API 4.15实现萤火虫效果

概述 前几天在看帖子的时候发现有大佬使用ArcGIS Pro和Portal制作了萤火虫的渲染效果,感觉前端可视化的时候还不错,所以自己也将实例数据下载下来之后用ArcGIS JS API来实现了一下,我们先来看一下最终的效果: 看完效果之后,我们来看看是怎么实现的。 具体实现步骤...

2020-04-19 20:28:57 713 7

原创 04 JS通过图片连接获取图片的尺寸大小

问题描述 项目中有这样一个需求,就是从后台返回了一个图片的链接,然后前端要将这个图片叠加到地图上。在实现这个需求的时候,需要获取到不同图片的尺寸大小,关于图片的尺寸大小后台是没有返回的,只有通过前端去获取,下面介绍下如何获取。 解决方法 1、通过查阅资料,找到了下面这种切实可行的方法。其...

2020-04-10 16:46:50 240 7

原创 Tomcat跨域配置

问题描述 在服务器的tomcat上面,挂载了一个共享路径,然后在前端浏览器请求的时候出现了跨域的问题。 解决方法 前端请求服务器的资源出现跨域的时候,一般是通过配置服务器的跨域来解决的,所以在此处我们配置服务器中的tomcat跨域就可以,具体操作如下: 1、通过如下地址 链接:ht...

2020-04-10 16:42:00 298 2

原创 04【前端工程化初探】Jenkines+GitLab+Tomcat流水线配置部署React应用
原力计划

概述 这是一篇硬核文章,如果没有精力和时间劝你还是不要继续往下看,因为会晕。这篇文章是这系列目前为止配置最复杂的一篇文章,里面有很多的坑,如果你感兴趣的话我们一起去踩,具体部署流程如下。 系统环境 系统:CentOS 8.1 内存:4G起步 硬盘:50G(仅供测试环境) IP:19...

2020-04-08 19:59:50 230 10

原创 03【前端工程化初探】Jenkines安装部署

概述 这篇文章主要介绍下如何搭建一套基础的Jenkines环境,具体操作如下。 系统环境 系统:CentOS 8.1 内存:4G起步 硬盘:50G(仅供测试环境) IP:192.168.0.107 操作步骤 一、jdk环境安装部署 1、进入jdk官网(https://ww...

2020-04-08 19:18:47 148 0

原创 02【前端工程化初探】GitLab本地部署

概述 这篇文章先来预热一下,我们在自己的虚拟机里搭建一套GitLab环境,然后自己就可以使劲折腾。具体搭建步骤如下。 系统环境 系统:CentOS 8.1 内存:4G起步 硬盘:50G(仅供测试环境) IP:192.168.0.104 具体操作步骤 一、CentOS 8.1...

2020-04-07 21:29:28 292 2

原创 01【前端工程化初探】基于Jenkines+GitLab+Tomcat的可持续化集成环境

写在前面 闲着无聊的时候,跟昊哥在群里吹笔,发现这位大佬自己搭建了一套后台Java环境,名字叫"可持续化集成环境",听起来很高大上,所以自己也想折腾一套属于前端的"可持续化集成环境"。可持续化的这个名字初听是那么的高大上,但是部署完之后回过头来再看整个流程...

2020-04-07 20:57:36 179 1

原创 07 ArcGIS JS API 4.14实现地图加载图片

需求描述 将一张图片叠加到ArcGIS地图上是现在很多项目的一个广泛需求,通过查阅网上资料后发现这种需求目前只有四种方法可以实现,因为ArcGIS JS API官网并没有提供相应的图片类图层来让我们实例化图片图层,但是JS API官网有说明后期会增加这类API,就是不知道是什么时间了。既然目前没...

2020-04-01 15:49:44 2014 13

原创 ArcGIS JS API中的PopupTemplate功能模块中加载图片异常

问题描述 从后端接口拿到一个图片的url地址,然后需求是将这个图片渲染到ArcGIS JS API提供的PopupTemplate弹窗面板中,让用户点击地图上的某个位置时,可以弹窗详细的信息弹窗,在这个弹窗中其中就有从后台拿到的这个图片,类似于下面这种效果: 上述效果其实实现起来的话很...

2020-03-31 11:30:00 637 7

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