- 博客(40)
- 收藏
- 关注
RSS订阅原创 栅格数据中NoData值的处理
栅格数据中NoData值的处理在栅格数据镶嵌时，边界往往无法完全重合，导致边界部分出现NoData，因此需要通过某些方法来填补这些无数据的地方问题描述:这是广西、广东、江西、湖南四省的DEM，打开后可以看见两省的边界部分会出现空白，并识别空白部分的数据则是NoData2. 处理方法：2.1 打开栅格计算器，将NoData的区域赋值为其他值，（赋的值最好是栅格数据的属性表中没有的），这里赋值为9999在栅格计算器中输入Con(IsNull(“要处理的栅格数据”),9999,“要处理的栅格
2021-03-29 11:07:01
23149
原创 Cesium的Entity
Cesium的EntityEntity在官方文档P412，其中常用的实体属性有label(P641)，point(P839)，polyline(P890)，polygon(P858)，billboard(P41)等其他常用的公共属性有name，id，show，position，orientation//新增一个实体const entity1 = viewer.entities.add({ name: "This is an entity", id: "entity", pol
2021-03-29 10:02:31
853
原创 Cesium的HeadingPitchRoll
Cesium的HeadingPitchRoll对于模型旋转变换、相机视角变换以及方向变换的处理操作，也就是改变heading、pitch、roll这三个的值HeadingPitchRoll其实也就是欧拉（Euler）角 ：yaw、pitch、rollHeading值偏航角ψ（Heading）的值，是控制机体头的朝向位置，这个角的改变，也就是左右方向的改变Pitch值俯仰角的值，从上图来看是控制机体上下方向的改变，值为正是顺时针旋转；为负则相反。当然，这个是根据坐标轴来旋转的，要是进行
2021-03-29 09:58:15
1009
原创 数组扁平化
文章目录数组扁平化方法适用于二维数组的扁平化Array.prototype.flat(depth)reduce() 归并map() 递归循环 + 遍历...扩展运算符toString() 和 split()join() 和 split()数组扁平化数组扁平化是指将多维数组降维成一维数组方式有很多，下面列举出几种常用的方法方法适用于二维数组的扁平化const arr = [1,2,[2,1],[3,4,5],[1,1,2,3,4,5,6]];const newArr = [].concat.
2020-07-29 20:48:56
603
原创 在一台电脑上配置多个git账号
文章目录BugDeBug设置SSH密钥配置config文件尝试切换账号总结Bug由于平常学习工作中需要用到多个git账号，不一定是GitHub，可能是gitlab或者gitee等。适用场景：比如在公司的时候有一个公司的git账号，用的是gitlab，但是自己也想通过自己的github账号提交自己的项目到GitHub仓库。由于账号不同，提交代码肯定是会报错的，这种情况下就需要在本地切换git账号了。DeBug目前假设电脑上已经配置了一个github账号，并且设置了SSH密钥，需要再添加另
2020-07-14 23:56:12
1068
原创 div水平垂直居中方法汇总(共六种)
文章目录第一种第二种第三种第四种第五种第六种第一种绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>水平垂直居中方式1</title>
2020-06-30 23:31:17
15948
原创 console详解
文章目录consoleconsole.log()console.dir()console.error()console.info()console.debug()console.assert()console.trace()console.time()console.group()console.table()console.warn()consoleconsole通常是用于在浏览器控制台打印信息，是用于调试的强大工具之一。console对象可以从任何全局对象中访问，它被定义为Window.conso
2020-05-30 11:46:04
12267
原创 es6之Proxy
文章目录什么ProxyProxy使用Proxy拦截方法get方法set方法ownKeys & getOwnPropertyDescriptordeleteProperty方法has方法applyproxy与Object.defineProperty的区别什么Proxyproxy从字面的意思去理解就是代理、代理模式。在JavaScript中，是ES6的新增对象。在MDN上，对Proxy的解释为：Proxy对象用于定义基本操作的自定义行为(如属性查找，赋值，枚举，函数调用等)。个人理解是：P
2020-05-26 17:51:15
313
原创 axios详解
文章目录axios是干啥的原生XMLHttpRequest实现axios介绍发送并发请求axios API创建一个实例Config配置选项默认设置全局默认设置实例中自定义默认值设置的优先级响应信息(response schema)拦截器interceptors错误处理取消请求axios是干啥的上古浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据，十分消耗网络资源。而我
2020-05-25 10:47:26
38315
10
原创 前端二叉树面试题
文章目录二叉树常见题型二叉树的中序遍历前序遍历后序遍历重建二叉树对称的二叉树二叉树二叉树是树结构中一种典型的树状结构，每个节点最多只能有两个子节点，一个是左侧子节点，一个是右侧子节点。二叉树中又有一种比较典型的结构，称为二叉搜索树(BST)，它允许左侧节点存储的值比父节点小，右侧存储的值比父节点大(或相等)。常见题型二叉树的中序遍历给定一个二叉树，返回它的中序遍历//递归实现var inorderTraversal = function(root, array=[]){ if
2020-05-23 22:56:15
2055
1
原创 es6之async&await
Async/awaitAsync/await能够更加方便的使用promise。一个async函数会返回一个promise对象，可以使用then添加回调函数。当函数执行的时候，一旦遇到了await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。async函数的返回值默认被包装在一个resolved的promise中，也可用显式的返回一个promise。async function fun(){ return 1; //隐式返回 //return Promise.reso
2020-05-22 14:32:43
318
原创 es6之Promise
文章目录PromisePromise介绍Promise的三种状态Promise链式调用Promise方法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.prototype.race()Promise.resolve()、Promise.reject()try...catchtry...catch是同步工作的try...catch...finallyError对象t
2020-05-21 20:11:29
649
原创 es6之Set和Map
文章目录SetSet介绍Set属性和方法MapMap介绍Map属性和方法SetSet介绍Set(集合)是ES6提供的一种新的数据结构，它类似于数组，但内部元素都是唯一的，没有重复值Set本身也是一个构造函数，用于生成Set，可以接受数组(或其他具有iterable接口的其他数据结构)作为参数，用来初始化set的属性和属性值是一回事set可通过add()方法添加元素size属性可以返回set的长度const set = new Set();[2,2,3,4,5,6,7,1,1].forE
2020-05-20 21:24:25
339
原创 es6之Symbol
文章目录引入Symbol的原因Symbol的使用字面量中的Symbol全局symbol引入Symbol的原因由于我们有时候需要一个独一无二的名称时，比如当引入一个别人的对象，又想为这个对象添加自定义的方法，但是新方法的名字可能与对象原有方法相冲突，因此需要找到一个解决方法，使得我们即使定义了一个相同的方法，也不会造成影响，这就是ES6引入Symbol的原因Symbol是基本数据类型之一，之前还有五种基本数据类型：undefined、null、Boolean、String、NumberSym
2020-05-19 16:01:33
345
原创 CSS3新特性汇总
文章目录CSS3介绍CSS3选择器基本选择器层次选择器伪类选择器动态伪类选择器目标伪类选择器UI元素状态伪类选择器结构伪类选择器否定伪类选择器属性选择器W3Cschool几个例子CSS3盒模型CSS3背景和边框背景background-imagebackground-sizebackground-originalbackground-clipbackground边框border-radiusbox-shadowborder-image文字特效CSS3字体@font-face文字效果text-shadowte
2020-05-17 10:45:57
2714
原创 JS之this指针面试题
再说this在之前的文章中讲了this指针的绑定方式—JavaScript之this指针，这次通过几道题来巩固一下前面所学的内容this指针绑定分为默认绑定、隐式绑定、显式绑定(call、apply、bind)、new绑定。并且其优先级为 new绑定 > 显式绑定(bind) > 隐式绑定 > 默认绑定默认绑定默认绑定就是函数调用时的this默认绑定window，箭头函数除外，函数可以访问window下的全局变量。但是也有例外情况：在非严格模式下，函数中的this是指向
2020-05-16 11:01:07
911
原创 CSS之盒模型
文章目录理解盒模型的主要属性marginpaddingborder两种盒模型外边距折叠理解盒模型的主要属性盒模型主要包括了hegiht、width、padding、margin、border属性width和height分别表示一个盒子的宽度和高度。在标准盒模型中，宽度和高度就代表着图片的宽度和高度内边距(padding)就是图片与外边框(黑色)之间的粉红色区域，这样能避免图片与边框太过靠近边框(border)是每幅画的外框，也就是上图中的黑色区域外边距(margin)是用来限制盒子与盒子
2020-05-12 10:51:52
1334
原创 JS之柯里化
文章目录什么是柯里化柯里化的实现高级柯里化什么是柯里化柯里化(Currying)是一种关于函数的高阶技术，它不仅被用于JavaScript，也能用于其他语言柯里化是一种函数 转换，让函数具有完整功能的同时，也能接受可选的参数。它能将一个函数从f(a,b,c)转换为f(a)(b)( c )柯里化是一种将函数进行转换的技术，而不会去调用函数柯里化的实现实现柯里化//构造柯里化函数function curry(fun){ return function(a){ re
2020-05-09 10:19:22
330
原创 JavaScript之深浅拷贝
文章目录为啥会有深浅拷贝栈和堆浅拷贝解决方法一解决方法二——Object.assign()解决方法三——运算符...浅拷贝函数的封装深拷贝解决方法一—JSON.parse(JSON.stringify(object))解决方法二—封装深拷贝函数解决方法三——其他框架为啥会有深浅拷贝栈和堆栈(stack)是自动分配的内存空间，由系统自动释放堆(heap)则是动态分配的内存，大小不定也不会自...
2020-05-08 10:19:39
552
1
原创 JavaScript之this指针
文章目录this介绍this的绑定规则默认绑定隐式绑定显式绑定JS原生函数的this绑定规则new绑定绑定规则的优先级this番外忽略显式绑定间接函数引用箭头函数this介绍this在JavaScript中是一个关键字，用来代表上下文中的一个对象。因此this就是指向一个对象。但是在不同的作用域中，this的指向就不同，在全局作用域中，this指向windowconsole.log...
2020-05-07 10:01:59
490
1
原创 JS之防抖和节流
文章目录防抖原理介绍代码实现及优化自定义实现优化立即执行优化返回值节流原理介绍代码实现及优化自定义实现优化最后执行两者区别防抖和节流都是为了避免窗口的resize、scroll、输入框内容校验等事件处理函数被频繁调用，因此采用防抖和节流来限制事件调用的频率防抖原理介绍防抖是指当持续触发事件时，一定时间段内没有再次触发事件，事件处理函数才会执行一次，如果设定的时间段内又一次触发了事件，...
2020-05-06 17:05:18
1005
原创 NodeJS连接mysql
文章目录下载并安装mysql安装步骤Navicat for mysql软件安装连接数据库并创建表NodeJS操作mysql数据库安装mysql模块引用mysql模块下载并安装mysqlmysql是一个可以免费使用的数据库，从官网可以直接下载安装步骤选择Server only， 并点击next再点击next，由于之前安装过mysql，因此存在Data Directory...
2020-05-06 16:03:51
897
原创 SQL必知必会学习笔记
文章目录SQL笔记检索数据SELECT语句排序检索数据ORDER BY子句DESC关键字过滤数据WHERE子句高级数据过滤通配符过滤—%、_、[]、like创建计算字段使用函数处理数据汇总数据分组数据使用子查询联结表创建高级联结组合查询插入数据更新和删除数据创建表和操纵表SQL高级特性SQL笔记SQL(Structured Query Language)是一种专门用来与数据库沟通的语言...
2020-05-03 18:03:17
828
原创 JavaScript之继承
文章目录继承原型链继承借用构造函数继承组合继承(常用)原型式继承寄生式继承寄生组合式继承—常用ES6中的继承继承很多面向对象语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。由于函数没有签名，在ECMAScritpt中无法实现接口继承。ECMAScript只支持实现继承，而且实现继承主要依靠原型链来实现。原型链继承原型链继承主要是让新实例...
2020-05-02 10:03:08
134
原创 JavaScript创建对象方法
文章目录创建对象的模式工厂模式构造函数模式原型模式理解原型对象in操作符以及hasOwnProperty方法的使用原型模式的缺点组合使用构造函数模式和原型模式—最常使用的模式寄生构造函数模式创建对象的模式创建对象有多种模式，如工厂模式、构造函数模式、原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式工厂模式//工厂模式function createPerson(name, a...
2020-05-01 11:55:02
143
原创 前端链表面试题
文章目录链表常见链表题从尾到头打印链表值反转链表合并两个排序的链表链表倒数第k个节点链表中环的入口节点两个链表的第一个公共节点圈圈中最后剩下的数字-（约瑟夫环）删除链表中的节点删除表中重复的节点复杂链表的复制链表链表存储有序的元素集合，但链表中的元素在内存中并不是连续的，每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针)组成，如下图所示：相对于数组，链表的好处在于...
2020-04-30 15:13:57
1678
原创 JS取整取余，Math对象的操作方法
文章目录取整取整向上取整向下取整四舍五入取余取余取最大值和最小值的方法random()—取随机数toFixed()方法所有方法都是属于Math对象的方法取整取整//丢弃小数部分，保留整数部分parseInt(7/2); //3向上取整//向上取整，有小数就整数部分+1Math.ceil(7/2); //4向下取整//向下取整，丢弃小数部分Math.floor(7/...
2020-04-29 09:49:00
1379
原创 认识Object.defineProperty
Object.definePropertyObject.defineProperty()语法说明Object.defineProperty()的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性Object.defineProperty(obj, prop, desc)obj 需要定义属性的当前对象prop 当前需要定义的属性名desc 属性描述符属性的特性...
2020-04-28 11:12:11
178
原创 前端排序算法汇总
文章目录冒泡排序选择排序插入排序归并排序快速排序堆排序冒泡排序冒泡排序的原理如下，从第一个元素开始，把当前元素和下一个索引元素进行比较。如果当前元素大，那么就交换位置，重复操作直到比较到最后一个元素，那么此时最后一个元素就是该数组中最大的数。下一轮重复以上操作，但是此时最后一个元素已经是最大数了，所以不需要再比较最后一个元素，只需要比较到 length - 1 的位置。以此类推，每一次最外层...
2020-04-27 17:30:18
377
1
原创 Flex布局属性汇总
文章目录Flex布局弹性容器属性设置flex-direction属性flex-wrap属性flex-flow属性justify-content属性align-items属性align-content属性弹性盒子属性设置flex-grow属性flex-shrink属性flex-basis属性flex属性order属性align-self属性Flex布局弹性布局(Flex布局)是CSS3提出的一...
2020-04-26 14:53:27
1012
2
原创 JS函数名与变量名重名的问题
文章目录JS函数名与变量名重名的问题题1题2题3JS函数名与变量名重名的问题由于JavaScript的预编译会导致变量声明提升，声明式函数整体提升，因此当函数名与变量名重名的时候将会产生问题。变量以及变量表达式(包括函数的表达式声明)在预编译阶段都只是声明提升，而没有赋值，值都为undefined。而声明式函数在预编译阶段将会整体提升。而在编译过程中，提升也是有顺序的：参数 >...
2020-04-25 09:44:40
3354
2
原创 JavaScript运算符
文章目录JavaScript运算符JavaScript位运算符补充—位运算补码十进制与二进制之间的转换JavaScript运算符JavaScript位运算符位运算符处理32位有符号数，该运算中的任何数值运算都会被转换为32位数。运算符名称例子等同于结果十进制描述&与5 & 10101 & 000100011如果两位都是1...
2020-04-24 10:44:21
142
原创 ES6中...运算符的用法
文章目录ES6中的......可用于获取其余参数用于将数组或对象扩展ES6中的……可用于获取其余参数当函数或者其他需要使用参数的地方进行传参时，但是不知道具体有几个参数，就可以使用…来代表任意个参数。function print(...values){ console.log(values);}print(1); //1print(1,2,3,'aaaa',4); /...
2020-04-23 15:39:33
3843
原创 Object方法汇总
文章目录Object介绍Object.prototypeObject.prototype的属性Object.prototype的方法(Object的实例方法)Object.prototype.valueOf()Object.prototype.toString()Object.prototype.toString.call()——面试常考题Object.prototype.hasOwnProper...
2020-04-22 20:49:32
482
原创 JavaScript交换两个变量的方法
JavaScript交换两个变量的方法let a = 123;let b = 456;普通方法使用一个临时变量let temp;temp = a;a = b;b = temp;算术运算方法在算术运算过程中，将两个值进行互换，但是缺点是可能会造成数据溢出a = a + b;b = a - b;a = a - b异或运算使用位运算来交换变量值a ^= ...
2020-04-21 10:00:55
362
原创 JavaScript数组常用方法
文章目录数组的常用方法队列和栈push/pop，shift/unshift方法数组循环数组添加/移除的其他方法splice方法slice方法concat方法数组查询indexOf、lastIndexOf、includesfind和findIndexfilter方法数组转换map方法sort方法reverse方法split和joinreduce方法forEach迭代数组实例数组的常用方法数组的定...
2020-04-20 09:44:55
627
原创 Font Awesome文字图标的使用
文章目录Font Awesome图标加载方式最简单的方式：BootstrapCDN使用方式基本图标大图标图标固定宽度用于列表边框与对齐动画效果旋转与翻转组合使用Font Awesome图标Font Awesome提供矢量文字图标，并支持更改大小，颜色，阴影和其他支持的效果，并开源免费，几乎包含网页所需所有文字图标(675个)加载方式最简单的方式：BootstrapCDN将Font ...
2020-04-19 10:54:18
1033
原创 CSS字体样式属性汇总
文章目录字体样式属性大全字体样式(font style)font属性font-stylefont-variantfont-weightfont-size / line-heightfont-familycolor文本样式text-indent—文本对齐方式text-transform—文本大小写text-decoration—文本装饰white-spacetext-align—文本对齐方式(水平对...
2020-04-18 11:06:04
1179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人