自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不睡觉的怪叔叔的博客

记录GIS、分享GIS

  • 博客(11)
  • 资源 (1)
  • 问答 (7)
  • 收藏
  • 关注

原创 OpenLayers官方教程二:实现简单的地图显示

目录一、下载OpenLayers二、构建简单的地图应用三、OpenLayers的DOM元素组织结构 经过上一篇文章对OpenLayers的简单了解以后,现在让我们来实现一个简单的地图显示Demo。一、下载OpenLayers 打开OpenLayers官网:https://openlayers.org/ 然后点击Get the Code:‘ ...

2019-05-31 18:05:24 13904 17

原创 OpenLayers教程一:OpenLayers概述

目录一、OpenLayers简介二、OpenLayers的特征三、OpenLayers的框架结构一、OpenLayers简介 OpenLayers是一个用于开发WebGIS客户端的JavaScript包,最初基于BSD许可发行。 OpenLayers是一个开源的项目,其设计之意是为互联网客户端提供强大的地图展示功能,包括地图数据显示与相关操作,并具有灵活的扩展机...

2019-05-30 17:58:16 102703 4

原创 webpack教程六:Entry与Output的基础配置

目录一、多入口打包的配置二、设置公共路径一、多入口打包的配置 webpack支持多入口的打包操作吗?答案是肯定的! 让我们修改webpack.config.js: webpack.config.js:const path = require('path');const HtmlWebpackPlugin = require('html-webpac...

2019-05-29 09:22:30 709

转载 Stylus基本使用

本文转载自:https://www.jianshu.com/p/5fb15984f22d一、介绍 这个哥们儿学名叫 stylus,是 CSS 的预处理框架。 CSS 预处理,顾名思义,预先处理 CSS。那 stylus 咋预先处理呢?stylus 给 CSS 添加了可编程的特性,也就是说,在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来...

2019-05-28 18:04:10 1577 1

原创 webpack教程五:插件

目录一、插件介绍二、HtmlWebpackPlugin三、CleanWebpackPlugin一、插件介绍 首先,插件(Plugins)的目的在于解决loader无法实现的其他事。 webpack提供了许多的插件以支持打包时进行更多的操作。另外,除了webpack提供的原生插件,许多第三方插件也使我们的打包更加便捷。 现在我们来看两个实际打包过程中会经...

2019-05-28 09:40:41 504

原创 Webpack教程四:Loader

目录一、什么是Loader二、打包图片2.1、file-loader2.2、url-loader2.3、file-loader和url-loader的比较三、打包CSS文件3.1、style-loader和css-loader3.2、sass-loader3.3、postcss-loader3.4、处理sass文件中引入另外sass文件的情况3.5、CS...

2019-05-24 10:12:10 731

转载 常见的开源协议(BSD、GPL、LGPL、MIT)

一直对各种开源协议比较模糊, 特意在网上搜索了一下资料, 整理总结,以作记录 如果不喜欢长篇大论的话, 看下图就可以了基本概念了解:1. Contributors 和 Recipients  Contributors 指的是对某个开源软件或项目提供了代码(包括最初的或者修改过的)发布的人或者实体(团队、公司、组织等),Contributors 按照参与某个软件开源的...

2019-05-20 08:58:39 647

原创 webpack教程三:使用webpack的配置文件

目录一、使用webpack的配置文件二、使用NPM脚本三、打包输出内容介绍一、使用webpack的配置文件 进入上一节创建的webpack-demo目录,再新建一个src文件,放入以下几个文件: header.js:function Header(){ var webContent = document.getElementById('web...

2019-05-15 09:53:38 1010

原创 webpack教程二:webpack的安装

目录一、安装node环境二、全局安装三、本地安装一、安装node环境 webpack需要在node环境下才能运行,所以需要首先安装最新版本的node.js: 直接傻瓜式下一步、下一步就可以完成安装了。 安装完成后使用node -v就可以查看当前本机安装的node的版本: npm也会随着node的安装时一同安装,所以,也可以用npm -...

2019-05-13 14:21:22 596

转载 Web Workers

本篇文章转自http://www.ruanyifeng.com/blog/2018/07/web-worker.html目录一、概述二、基本用法2.1、主线程2.2、Worker线程2.3、Worker加载脚本2.4、错误处理2.5、关闭 Worker三、数据通信四、同页面的Web Worker五、实例:Worker线程完成轮询六、实例:Worker...

2019-05-10 14:11:23 1029

原创 webpack教程一:什么是webpack?

目录一、面向过程的前端开发二、面向对象的前端开发(代码模块化)三、使用webpack打包器四、webpack究竟是什么呢?一、面向过程的前端开发 首先,让我们来看一段面向过程的前端开发的代码: dits.html:<!DOCTYPE html><html lang="en"><head> <meta...

2019-05-10 10:25:01 807

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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