摘要: 本文最主要讲讲JavaScript闭包和this绑定相关的我的小发现,鉴于这方面的基础知识已经有很多很好的文章讲过了,所以基本的就不讲了,推荐看看酷壳上的理解Javascript的闭包和阮一峰的学习Javascript闭包(Closure),写的都非常好。首先来讲讲阮一峰的文章中的两道思考题。代码片... 阅读全文
posted @ 2014-06-10 10:46 深度昏迷 阅读(407) 评论(0) 推荐(0) 编辑
摘要: 在WebGIS的开发中经常用到的地图投影为Web墨卡托和WGS84,故歌地图,bingmaps,百度地图,mapabc,mapbar,以及ArcGIS online上的大部分地图为Web墨卡托地图,ArcGIS online上最开始发布的地图投影为WGS84。在开发过程中很多时候会遇到不同坐标系之间互转的问题,特别是底图使用Web墨卡托,定位(GPS,wifi等)信号坐标为WGS84坐标的时候,那么通用解决方案就是写一个坐标参考系的转换库,类似于proj4,但一般情况下很少用到那么多的参考系之间的互转,并且在客户端实现或者调用proj4都是一件很困难或者麻烦的事情,大多数情况下我们实现Web墨 阅读全文
posted @ 2013-07-24 22:19 深度昏迷 阅读(852) 评论(0) 推荐(0) 编辑
摘要: 墨卡托投影(Mercator Projection),又名“等角正轴圆柱投影”,荷兰地图学家墨卡托(Mercator)在1569年拟定,假设地球被围在一个中空的圆柱里,其赤道与圆柱相接触,然后再假想地球中心有一盏灯,把球面上的图形投影到圆柱体上,再把圆柱体展开,这就是一幅标准纬线为零度(即赤道)的“墨卡托投影”绘制出的世界地图。 一、墨卡托投影坐标系(Mercator Projection) 墨卡托投影以整个世界范围,赤道作为标准纬线,本初子午线作为中央经线,两者交点为坐标原点,向东向北为正,向西向南为负。南北极在地图的正下、上方,而东西方向处于地图的正右、左。 由于Merc... 阅读全文
posted @ 2013-07-24 22:16 深度昏迷 阅读(456) 评论(0) 推荐(0) 编辑
摘要: http://cloudbbs.org/forum.php?mod=viewthread&tid=16424 阅读全文
posted @ 2013-07-07 19:17 深度昏迷 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 一、无图片技术定义在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”?首先我们通过yslow的statistics查看新浪微博最新版首页的文件,得到Stylesheet File(CSS文件)大小为206.8K, CSS Image大小为623.8K。明显发现CSS文件比CSS Image小很多。当然单纯拿这两个来比,还不能说明什么。下面我们通过计算来说下CSS文件与CSS Image关系CSS Image是由一系列的图片组成,每一张图,即使最小一个小箭头( 阅读全文
posted @ 2013-06-12 09:06 深度昏迷 阅读(366) 评论(0) 推荐(0) 编辑
摘要: 本文是对http://www.cnblogs.com/101rico/archive/2013/06/09/3128716.html文的翻译对于许多web开发者,认为擅长css就是能把一个视觉设计图用代码完美的复现出来。你不使用table,而且很自信,自己可以使用尽可能少的图片。如果你确实很棒,就会使用最新最伟大的技术例如Media Queries,Ttransform和Transition。一个好的css开发人员确实是会这些,但是很少在评估一个人的水平时会将css作为完全独立的一面被提及。有趣的是,我们通常不这样评判其他语言。一个Rails开发者不会因为他写的代码规范就认为他是一个好的开发者 阅读全文
posted @ 2013-06-11 10:36 深度昏迷 阅读(499) 评论(0) 推荐(1) 编辑
摘要: 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家写在前面的话:由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。小菜水平有限,本文仅仅是入门教程,不当之处请谅解!本文以div元素布局为例。教程开始:首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div 阅读全文
posted @ 2013-06-10 11:27 深度昏迷 阅读(406) 评论(2) 推荐(2) 编辑
摘要: 特别声明:此篇文章由Jekst根据Jonathan Snook的英文文章原名《Decoupling HTML From CSS》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://coding.smashingmagazine.com/2012/04/20/decoupling-html-from-css以及作者相关信息——作者:Jonathan Snook——译者:Jekst多年以来,web标准社区一直在讨论关注点——分离。把CSS样式规则从javascript代码和HTML结构里分离出来。我们确实是这么做的,不是 阅读全文
posted @ 2013-06-10 11:26 深度昏迷 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 用过jQuery的朋友都知道他强大的链式操作,方便,简洁,易于理解,如下$("has_children").click(function(){$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();}); 1.jQuery的链式操作是如何实现的? 2.为什么要用链式操作?链式操作 原理相信百度一下一大把,实际上链式操作仅仅是通 阅读全文
posted @ 2013-06-10 10:59 深度昏迷 阅读(4249) 评论(0) 推荐(0) 编辑
摘要: 前段时间朋友说让给做一个js延时加载图片人功能,原来也的网上见过这些,但是没有具体的研究。今天学习了下,发出来和大家一直分享。至于延时加载的好处我在这里就不说了,好多朋友都说可以减少服务器短时间的请求数量。一、原理分析 1.可显示区域的的图片正常显示,不可显示的不去请求,2.当滚动滚动条时,计算可显示的图片,把图片的src的真实路径写入。二、代码这里我用的是jquery来做的,当然大家如果明白了原理,用什么做都可以做出很不错的效果。下面看代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" & 阅读全文
posted @ 2013-06-10 10:58 深度昏迷 阅读(663) 评论(1) 推荐(0) 编辑