jslib
文章平均质量分 75
TechFE
CSDN博客体验不好,我的博客更新在:https://zrysmt.github.io/
展开
-
OpenLayers 3实践与原理探究4.4-ol3源码分析-render
前面几节的内容介绍了Map,View,Source,Layer,这些其实我们都是要么在对象属性中设置 ,要么是通过方法设置,实质上是通过共享的全局变量设置地图包含的图层,地图的显示效果,但是如果真正上绘制在浏览器上,需要渲染在canvas(ol3常用的渲染方式).由于源码代码量比较大,这里只是从大部分介绍流程。 网上有人(OpenLayers 3源码那些事)总结一张图的不错,这里拿来用一下 0.原创 2016-09-28 12:24:19 · 5045 阅读 · 1 评论 -
OpenLayers 3实践与原理探究3-ol3一个完整的例子
接着我们看一个比较长的例子,例子实现的是可以绘制图形,可以根据自己的设置打印地图 我们先看显示效果是: 由于ol3的api现在更新变化挺大的,所以自己运行的例子的时候注意版本是3.17.1 例子中的解释比较详细,不具体进行展开介绍。本例子主要分为三部分,在js文件中已经隔开 - 第一部分是地图的初始化,包括添加图层,添加控件 - 第二部分加个标注点,点击显示位置的弹出框 - 第三部分原创 2016-09-28 12:21:05 · 6545 阅读 · 2 评论 -
动手DIY一个underscorejs库及underscorejs源码分析1
Underscore 是一个 JavaScript 工具库,它提供一整套函数编程的实用功能。他弥补了 jQuery 没有实现的功能,同时又是Backbone 必不可少的部分。underscore.js源码加上注释也就1千多行,用underscore.js作为阅读源码的开始是一个不错的开始,当然阅读源码的同时,手也不能停下来。下面我会写几篇博客,一边分析源码,一边根据源码重新DIY一份(_unders原创 2016-10-26 16:06:56 · 1382 阅读 · 0 评论 -
动手DIY一个underscorejs库及underscorejs源码分析3
所有代码挂在我的github上,例子是demo6.html,DIY/4/_underscore.js.欢迎fork,star。 https://github.com/zrysmt/DIY-underscorejs这一部分来DIY两个经常被使用的函数(或者说分析其源码),分别是throttle(节流函数)和debounce(防反跳函数)。这两个函数特别适合一些场景:事件频繁被触发,会导致频繁执原创 2016-12-28 12:03:31 · 619 阅读 · 0 评论 -
动手DIY一个underscorejs库及underscorejs源码分析2
接着第一篇《动手DIY一个underscorejs库及underscorejs源码分析1》 所有代码挂在我的github上。1.兼容requirejs和seajs模块化requirejs 最后加上 if (typeof define == 'function' && define.amd) { //定义一个模块并且起个名字 define('_unde原创 2016-10-27 12:38:03 · 493 阅读 · 0 评论 -
OpenLayers 3实践与原理探究2-ol3基础入门案例
0.实例在OpenLayers3官网的下载页面下载我们在开发工程中需要的文件(如:v3.17.1-dist.zip),实际工程中包含两个文件ol.js,ol.css 先看一个实例代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>1-TileWMS</title> <link r原创 2016-09-27 19:34:00 · 1725 阅读 · 0 评论 -
一步一步DIY jQuery库2-使用es6模块化
有关rollup的安装使用可以查看我的另外一篇博客:《rollup + es6最佳实践》,这里有提供了简明的搭建环境的说明,我们可以暂时忽略这篇博客,先参见第一部分1.环境搭建我们首先把《一步一步DIY一个自己jQuery库1》的文件打包好所有代码挂在我的github中1.搭建环境1.1 目录结构 - src + .babelrc + core.js + global.js原创 2016-10-05 20:11:44 · 4465 阅读 · 0 评论 -
OpenLayers 3实践与原理探究1-ol2 VS ol3
本文的重点在OpenLayers 3,对于OpenLayers 2简单比较说明。 下文中OpenLayers 2简称OL2,OpenLayers 3简称OL31.OL 2 VS OL 3简单源码和实例1.1 OpenLayers 2OpenLayers 是一个专为Web GIS 客户端开发提供的JavaScript 类库包,用于实现标准格式发布的地图数据访问。从OpenLayers2.2版本以后,原创 2016-09-27 19:33:11 · 2784 阅读 · 0 评论 -
OpenLayers 3实践与原理探究4.1-ol3源码分析-底层基础
因为下面的内容会分模块介绍源码,所以这里为了方便,首先介绍源码的目录结构 在OpenLayers 3官网的下载页面下载我们在开发工程中需要的文件(如:v3.17.1.zip),注意如果需要编译源代码,需要下载包含编译功能的文件包:https://github.com/openlayers/ol3/releases 下载指定release版本的源码,注意是Source code (zip)或者Sou原创 2016-09-28 12:21:42 · 3132 阅读 · 1 评论 -
OpenLayers 3实践与原理探究4.3-ol3源码分析-Source,Layer
3.Sourceol/ol/Source文件夹下 3.1构造函数3.1.1 ol.source.Source ol.source的基础类ol/ol/Source/source.jsol.source.Source = function(options) {}3.1.2 ol.source.OSMol/ol/Source/osmsource.js openStreetMap:ol.source.OS原创 2016-09-28 12:23:24 · 1416 阅读 · 0 评论 -
OpenLayers 3实践与原理探究4.2-ol3源码分析-Map,View
1.Mapol/ol/map.js 1.1构造函数ol.Map = function(options) { ol.Object.call(this);//@extends {ol.Object} var optionsInternal = ol.Map.createOptionsInternal(options); }常量对象共享地图设置,并且将常量对象共享出去,作为公用变量goog.p原创 2016-09-28 12:22:24 · 1662 阅读 · 0 评论 -
EChart 2升级EChart 3注意事项
本文是根据自己的实践进行总结过来的,是不完全的所有升级注意事项。 如果想直接看结果,请移步到第4部分内容1.背景EChart 3是在2015年12月发布的新版本,相比较EChart 2,主要的变化总结如下: - 1) 支持了直角坐标系(catesian,同 grid)、极坐标系(polar)、地理坐标系(geo) - 2) 移动端的优化,说明白就是将源码体积减小 - 3) 新增更多图表类型,原创 2016-09-27 19:28:35 · 5753 阅读 · 1 评论