javascript
一丝墨
这个作者很懒,什么都没留下…
展开
-
5分钟学会Leaflet加载天地图和arcgis服务
Leaflet是一个适用于移动端交互地图的开源JavaScript库。对移动设备很友好,gzip压缩JS代码大约38 KB,它提供了大多数开发人员所需要的所有地图功能。扩展性强、插件资源丰富,文档清晰的API,源代码简单、易读。本文用简单的示例,引导新手快速使用leaflet快速开始、加载天地图、加载arcgis服务、自定义4490坐标系,将天地图扩展到19级。一、快速开始<!DOCTYPE html><html><head> <met原创 2020-12-02 14:26:28 · 11175 阅读 · 2 评论 -
在Leaflet中自定义4490坐标系
项目背景:用leaflet中加载天地图,并采用4490坐标系问题:leaflet默认采用EPSG3857坐标系,也定义了EPSG4623坐标系,这两种坐标系比较通用,也能够满足大部分的开发需求。鉴于项目的特殊性,在开发过程中使用proj4和proj4leaflet自定义了4490坐标系,特此记录并分享出来,可以让更多人能够快速处理此类问题。const CRS_4490 = new L.Proj.CRS("EPSG:4490", "+proj=longlat +ellps=GRS80 +no_d原创 2020-10-30 17:09:08 · 6438 阅读 · 2 评论 -
JavaScript面向对象的程序设计--创建对象
面向对象的程序设计--创建对象1、工厂模式涵义:抽象了具体创建对象的过程,用函数来封装以特定接口创建对象的细节。优点:解决了创建多个相似对象的问题。缺点:没有解决对象识别的问题。function createPerson(name, age, job) { let o = new Object(); o.name = name; o.age = age...原创 2018-09-13 17:28:20 · 245 阅读 · 0 评论 -
ES6第七种基本类型详解:Symbol
为什么要SymbolSymbol的目的就是为了实现一个唯一不重复不可变的值,任何一个Symbol都是唯一的,不会和其他任何Symbol相等。很多时候其实我们都需要用到唯一不重复的值。比如我们给一个DOM节点做动画,那么我们需要判断动画是否正在执行。这个时候一般的做法是给DOM节点加上一个属性(或者classname之类的)做一个标记,比如下面这样:d.isMoving = true; //正在执...转载 2018-07-11 20:43:12 · 995 阅读 · 0 评论 -
深入浅出 妙用Javascript中apply、call、bind
在 javascript 中,call、apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向。 apply、call call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上...转载 2018-05-07 19:37:56 · 151 阅读 · 0 评论 -
谷歌Chrome浏览器开发者工具教程—JS调试篇
这篇文章介绍的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题。js断点功能让人兴奋不已,以前只能在IE中靠alert弹出窗口调试js代码,那样的开发环境对于前端程序员来说...转载 2018-04-12 10:55:01 · 304 阅读 · 0 评论 -
微信小程序里面的单步调试和变量查看
在微信小程序开始学习与开发的过程中,总有一些东西,想看看它跑起来的内容与我们编程时想的是否一致,于是就想到了能不能单步调试或者打出一些我们想要的变量的内容,以便我们做进一步的开发和调整,现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sou...转载 2018-04-12 10:52:48 · 520 阅读 · 0 评论 -
微信小程序使用setData方法修改data中对象或数组的属性值
使用微信小程序开发时,涉及到data的修改一般使用微信官方推荐的setData方法,按使用情况分别操作如下:一、直接修改data的某个属性二、修改data里的数组或对象的属性如果按照第一种方法操作,编辑器会报错,此时我们只需将数组或对象的属性转换成字符串,再用中括号括起来就可以修改了:...原创 2018-03-06 10:01:38 · 10020 阅读 · 3 评论 -
3分钟掌握JavaScript的this用法
JavaScript的关键字有很多,this绝对是其中最重要的一个:它代表函数运行时,内部产生的一个对象,只能在函数内部使用。比如:this在使用中确实给众多程序员/媛带来了不少便利,但是不理解或者理解得不透彻的人可能就会蒙圈了:为什么有时this指向的对象和预期的不一样?事实上,随着函数的使用场合不同,this的值会发生变化。但有一个总则是原创 2017-08-23 09:39:02 · 362 阅读 · 1 评论 -
史上最简单的JavaScript闭包讲解
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全转载 2017-08-19 11:14:56 · 259 阅读 · 0 评论 -
WebStorm基本使用
WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 ----------------------------------------------------------------------------------------------webstorm简单介绍官网地址:http://转载 2017-07-05 19:13:16 · 683 阅读 · 0 评论