- 博客(21)
- 收藏
- 关注
RSS订阅转载 Mapbox Style 规范(中文)
Mapbox 致力于打造全球最漂亮的个性化地图。这里记录下其 Web 端 API Mapbox GL JS 的地图样式中文规范 Style 的各个配置项：必填项会加上*，方便根据目录进行查看1. version *version：版本号（必填，且值必须为 8）"version": 82. namename：名称（可选，用于给style取名，方便阅读）"name": "demo"3. metadatametadata：元数据（可选，用于...
2022-01-19 14:32:53
5034
1
原创 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
10664
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
6272
2
原创 JavaScript面向对象的程序设计--创建对象
面向对象的程序设计--创建对象1、工厂模式涵义：抽象了具体创建对象的过程，用函数来封装以特定接口创建对象的细节。优点：解决了创建多个相似对象的问题。缺点：没有解决对象识别的问题。function createPerson(name, age, job) { let o = new Object(); o.name = name; o.age = age...
2018-09-13 17:28:20
228
转载 ES6第七种基本类型详解：Symbol
为什么要SymbolSymbol的目的就是为了实现一个唯一不重复不可变的值，任何一个Symbol都是唯一的，不会和其他任何Symbol相等。很多时候其实我们都需要用到唯一不重复的值。比如我们给一个DOM节点做动画，那么我们需要判断动画是否正在执行。这个时候一般的做法是给DOM节点加上一个属性（或者classname之类的）做一个标记，比如下面这样：d.isMoving = true; //正在执...
2018-07-11 20:43:12
982
原创 如何在git push之后删除node_modules和dist
学习React的时候，不小心把node_modules文件夹和dist文件夹也一起git push到了远程仓库，在网上搜了不少资料，终于得出最佳的解决方案。现在记录下来，希望能帮到更多人及时解决该问题。1.先在.gitignore文件上编写一下代码node_modules/dist/2.在命令行进入仓库目录，删除github仓库上.gitignore上新加的选项git rm -r --cache...
2018-05-16 19:38:27
5077
1
原创 yarn init 在git bash上报错，可以这样解决
安装完yarn后，使用yarn -v命令可查看yarn是否安装成功，如下图：上图表示yarn已安装成功，当前版本是1.6.0。但是使用yarn init命令初始化项目时，会报错，如下图：以上情况可以这样解决：1.先用npm init初始化项目2.然后使用yarn config 命令设置淘宝镜像3.再使用yarn add 命令进行依赖包的添加就可以了。...
2018-05-16 10:25:33
1944
转载 深入浅出 妙用Javascript中apply、call、bind
在 javascript 中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 apply、call call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上...
2018-05-07 19:37:56
138
转载 谷歌Chrome浏览器开发者工具教程—JS调试篇
这篇文章介绍的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题。js断点功能让人兴奋不已,以前只能在IE中靠alert弹出窗口调试js代码,那样的开发环境对于前端程序员来说...
2018-04-12 10:55:01
288
转载 微信小程序里面的单步调试和变量查看
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sou...
2018-04-12 10:52:48
500
原创 微信小程序使用setData方法修改data中对象或数组的属性值
使用微信小程序开发时，涉及到data的修改一般使用微信官方推荐的setData方法，按使用情况分别操作如下：一、直接修改data的某个属性二、修改data里的数组或对象的属性如果按照第一种方法操作，编辑器会报错，此时我们只需将数组或对象的属性转换成字符串，再用中括号括起来就可以修改了：...
2018-03-06 10:01:38
9955
3
原创 简单易懂的Flex布局教程，附送flex-demo源码
Flex，全称为Flexible Box，“弹性布局”之意，用来为盒模型提供最大的灵活性。任何一个容器都可以指定为Flex布局，在使用webkit内核的浏览器，使用时需加上“-webkit”前缀。另外，使用Flex布局之后的容器，其子元素的float、clear、vertical-align属性将失效。采用Flex布局的元素称为"Flex
2017-09-30 13:55:10
768
原创 3分钟掌握JavaScript的this用法
JavaScript的关键字有很多，this绝对是其中最重要的一个：它代表函数运行时，内部产生的一个对象，只能在函数内部使用。比如：this在使用中确实给众多程序员/媛带来了不少便利，但是不理解或者理解得不透彻的人可能就会蒙圈了：为什么有时this指向的对象和预期的不一样？事实上，随着函数的使用场合不同，this的值会发生变化。但有一个总则是
2017-08-23 09:39:02
343
1
转载 史上最简单的JavaScript闭包讲解
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全
2017-08-19 11:14:56
248
原创 cmd界面中退出node.js或者npm命令，返会之前的目录
在使用cmd命令操作node.js或者npm命令时，有时需要返回之前的目录，却无从下手？难道要关闭cmd界面，再重新打开吗？这样操作太繁琐了！现在，你只需要记得以下任意一招就可以轻松解决这个问题了：1、在键盘上连续按"ctrl+c"两次，就可以回到之前的目录了；2、在cmd界面上输入".exit"，也可以回到之前的目录。
2017-07-27 16:53:45
4818
原创 从零开始学git 速成
一、创建版本库1、创建空目录$ pwd 用于显示当前目录2、通过$ git init 命令，将目录变成Git可管理的版本库3、通过$ git add 命令告诉Git，将文件添加到暂存区（文件如果没有 add 到暂存区,就无法实现 commit 到版本库）4、通过$ git commit命令告诉Git，将文件提交到版本库
2017-07-08 10:40:37
628
转载 WebStorm基本使用
WebStorm混搭nodeJS 以less和uglify-js为例 如何用npm在root中下载模块 ----------------------------------------------------------------------------------------------webstorm简单介绍官网地址：http://
2017-07-05 19:13:16
667
转载 用CSS/CSS3 实现 水平居中和垂直居中的完整攻略
水平居中：行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中，并且把父层元素添加如下属性即可： .parent { text-align:center;}水平居中：块状元素解决方案 .item { /* 这里可以设置顶端外边距 */ margin: 10px auto;}水平居中：多个块状元素解决方案
2017-06-17 11:09:31
634
转载 纯CSS实现垂直居中的几种方法
垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构：123class="box box1"> 垂直居中
2017-06-17 11:02:54
413
原创 CSS 图片100%自适应容器
在编写页面过程中，容器大小会被固定，但图片大小可能会出现不一致，使用以下样式可以让图片100%自适应容器，看来页面统一、整齐、美观！html： css： div{ //尺寸根据需求设定 width: 150px;
2017-06-10 15:27:09
1026
原创 HTML超出部分用省略号显示··· text-overflow
HTML超出部分用省略号显示··· text-overflow: ellipsis;overflow: hidden;white-space:nowrap;
2017-06-01 16:38:26
540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人