supernever专栏

原创 如何实现百度mapv开源库与ol3的结合

首先看一下mapv这个开源库的定位。引用百度的描述：百度地图JavaScript开源库，是一套基于百度地图API二次开发的开源的代码库。也就是这句话，导致mapv中的map以及layer、control等等相关的元素，都与BMap（百度地图）有关。不幸的是百度地图api不是开源的，所以对于我这种不喜欢用只能用不能看的东西来说，选择ol3是不二选择。先贴一个改了一些东西的路径地址吧htt

原创 HTML FORM 属性分析

HTML表单主要用于收集客户端提交的有关信息表单的格式：...属性介绍：name:表单的名称method:定义表单结果从浏览器传送到服务器的方法，一般有两种方法get和postaction：用来定义表单处理程序(一个ASP,CGI等程序)的位置( 相对地址或绝对地址)enctype:设置表单资料的编码方式target:设置返回信息的显示方式

原创 有关JS中构造函数和原型函数的一些基础知识

1.构造函数在实例化时，必须使用new来操作，声明时不需要new object，隐含自身已经new了2、构造函数可以用来解决对象实例化中数据覆盖问题，但会造成引用地址不一致问题3、原型函数解决了引用地址不一致问题4、但原型函数可以实现共享但不能进行重写，会将原来的信息覆盖。对于重写问题，可以采用原型+构造函数结合来各司其职。

原创 利用css3中的after和content制作简单的tooltip

> 主要使用css中的：after伪类，以及content属性代码块代码块语法如下：.tooltip-block:hover:after{ border: 1px solid #fc0; padding: 3px 6px; background: #fffea1; content: attr(data-title); position: absolute;

原创 闭包小例子

http://note.youdao.com/share/?id=e568dbc68ecde2f24f8388b6c8e24d5b&type=note

原创 nodejs读取mongodb返回数据到前台页面[object object]异常处理

第二步中的尤为重要，不然会出现不可预见的错误，如非法字符‘_’或者非法字符'o'等异常

原创 css3笔记--transition相关属性

过渡相关属性：css3过渡效果涉及到四个属性，也可以使用包含这四个属性的缩写。transition-property:要过渡的css属性名称（比如background-color、text-shadow或者all使用all则过渡会被应用到每个可能的css属性上）transition-duration:定义过渡效果持续的时间（单位为秒如，.3s、.2s或者1.5s）transitio

转载 css中的 border-image详解

转自：css中border-image详解一、border-image的兼容性border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏览器

转载 CSS float浮动的深入研究、详解及拓展

CSS float浮动的深入研究、详解及拓展(一)by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=583概念目录个人感悟之CSS代码的情感化思维个人观点之浮动的意义仅仅是文字环绕显示而已个人观点之浮动的本质是“包裹及破坏”个人观点之目前大多数浮

转载 Font Awesome:图标字体，完全CSS控制

转自：http://www.iteblog.com/archives/1099Font Awesome是一种web font，它包含了几乎所有常用的图标，比如Twitter、facebook等等。用户可以自定义这些图标字体，包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点：1、像矢量图形一样，可以无限放大2、只需一种字体，同时拥有多个图标，目前支持439

转载 CSS旋转与翻转

转自：http://blog.sina.com.cn/a287019674css 2.0还是没有翻转的，3.0里面有rotate属性，这个可以把元素进行任意角度旋转，灰常强大。除了这个rotate，还有一个scale，一般用法格式是-moz-transform:scale(1，1);括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，很好理解

转载 javascript常见的设计模式

转自：http://blog.csdn.net/yingyiledi/article/details/26725795近日重读《javascript面型对象编程指南》这本书，最后一章介绍了常见的javascript设计模式的实现。主要讲解了四种设计模式：单例模式、工厂模式、装饰器模式和观察者模式。js作为动态语言，实现这四种模式的实例相对简单，当然既然称之为模式，那么吃透思想更

原创 JavaScript继承

------------------------------原型继承与属性拷贝的混合使用--------------------------1. 使用原型继承的方式， 将一个已有对象设置为新对象的原型2. 新建一个对象后， 将另一个已有对象的所有属性拷贝过来/* **o用于原型继承，stuff用于属性拷贝 */function objectPlus(o, stuff) { // 原型

原创 html权威指南笔记

html5权威指南笔记（顺序阅读）标签基本分类（块元素以及内联元素）：块元素 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签’P”。“form”这个块元素比较特殊，它只能用来容纳其他块元素。另外div、ul、h1-h6都是比较常见的。内联元素 内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内

原创 javascript小感想

通过一周时间阅读练习，JavaScript DOM 编程艺术（第2版）深深感觉到想要学号javascript还是看高级程序设计或者权威指南比较好。。。。下一本书，javaScript 高级程序设计走起。。。

原创 css中position理解

position属性的合法值有static、fixed、relative和absolute四种。static是position的默认值，表示有关元素将按照他们在标记里出现的先后顺序出现在浏览器窗口里。relative的含义与static相似，区别在于position属性等于relative的元素可以通过应用float属性从文档的正常顺序里脱离出来，即浮动如果把某个元素的position属性

原创 javascript dom 学习笔记（三），ajax

Ajax最主要的优势在于页面的请求以异步的方式发送到服务器。Ajax核心是XMLHttpRequest对象，是浏览器与服务器的中间人。兼容所有浏览器 function getHTTPObject(){ if(typeof XMLHttpRequest == 'undefined'){ XMLHttpRequest = function(){ try{return

转载 http响应状态码大全

http响应状态码大全 http状态返回代码 1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。http状态返回代码 代码   说明100   （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101   （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。http状态返回代码

转载 IE9的css hack

转自：http://www.cnblogs.com/iloveyoucc/archive/2012/09/21/2696476.htmldiv {background-color:red\0;  /* ie 8/9*/background-color:blue\9\0;  /* ie 9*/*background-color:green;  /* ie 7*/_backgr

原创 javascript中的平稳退化

简单一句话：就是使某些不支持javascript或者禁用javascript的浏览器能够顺利地访问你的网站。（个人感觉就是代码的兼容性更强，依靠html自身的属性进行展示效果）例如：function a(winURL){ window.open('http://www.baidu.com','a','width=300px,height=200px;')}example即使ja

转载 css浮动

经验分享：CSS浮动(float,clear)通俗讲解       很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。       前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。      写在前面的话：       由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。  

原创 php将大图片转换为小图标（缩略图）

<?php/** * 生成缩略图 * @author [email protected] * @param string 源图绝对完整地址{带文件名及后缀名} * @param string 目标图绝对完整地址{带文件名及后缀名} * @param int 缩略图宽{0:此时目标高度不能为0，目标宽度为源图宽*(目标高度/源图高)} * @pa

原创 javascript dom 学习笔记（二）

getElementById、getElementsByTagName和getElementsByClass都是获取元素，而getAttribute和setAttribute都是对获取的元素属性进行操作的方法。1.getAttribute是一个函数，参数是要查询的属性名称。getAttribute不属于document对象，所以不能通过document对象调用，他只能通过元素节点对象调

原创 javascript dom 学习笔记（一）

DOM一。定义DOM中的D指document(文档),没有document，DOM就无从谈起DOM中的O指Object(对象),Object分为：1）用户定义对象，指程序员自己定义的对象。2）内建对象，指javascript语言中的对象，如Array，Date，Math等。3）宿主对象，指依附载体提供的对象，即指浏览器提供的对象，如window，document

转载 javascript闭包

转载http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html学习Javascript闭包（Closure）闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。作者：

转载 ubuntu黑屏

转载：http://blog.csdn.net/zevin/article/details/6393653安装 ubuntu 时, 黑屏Thinkpad X201i i5CPU 利用windows安装之后系统有声音但是没有任何显示，不知道什么原因，之后我用U盘安装，但是在进入安装系统的时候就开始提示ubuntu@ubuntu$:提示符那是因为新集显不能被系统识别

转载 经纬度坐标转换为屏幕坐标

经纬度坐标转换成屏幕坐标地理坐标定义规则：X轴(代表经度)向右递增，Y轴(纬度)向上递增，就好比小学学过的平面坐标。向左、向下的规则。屏幕坐标定义规则：X轴向右递增，Y轴向下递增。可以看出，地理坐标和屏幕坐标的区别仅仅只是在于Y轴递增方向是相反的(这就是不同)。这里强调一点的就是为了保证精度，地理坐标的度*3600换算成秒，所有的取值用double来计算，最后的结果再转换成int。

原创 geoserver中默认图标大全

http://docs.geoserver.org/2.5.x/en/user/styling/sld-extensions/pointsymbols.html?highlight=wellknownname

原创 geoserver去除注记重复

<StyledLayerDescriptor xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.1.0" xmlns:xlink="http://www.w3.org/19

翻译 geoserver 中points 制定sld样式 学习笔记

circle name="fill">#FF0000 6

翻译 geoserver阅读笔记----working with sld

使用SLD工作本节介绍如何创建，查看和GeoServer的解决SLD造型。创建GeoServer的配备在其目录中定义的一些基本款式。 任何数量的新的样式可以被添加到目录。 样式也能够从外部指定的服务器，或者以定义一个完整的地图，或使用库模式扩展服务器样式目录。目录样式目录中的样式可以查看，编辑，并通过验证样式的菜单的Web管理界面 。 它们也可以被创

翻译 geoserver sld阅读笔记

简介SLD 地理空间数据没有内在的可视化组件。 为了能看到的数据，必须风格。 样式指定颜色，厚度和用于呈现在地图数据等可见属性。在GeoServer的，造型是使用一种标记语言，称为实现样式化图层描述符 ，或SLD的简称。 SLD是一种基于XML的标记语言，是非常强大的，虽然有些复杂。 该页面提供了一个介绍SLD以及它是如何工作的范围内的GeoServer的能力。记 

原创 HTTP Content-type对照表

.*（ 二进制流，不知道下载文件类型）application/octet-stream.tifimage/tiff.001application/x-001.301application/x-301.323text/h323.906application/x-906.907drawing/907.a11applic

原创 openlayers2 vector

1.向map中添加vector图层方式:

原创 apache配置python

1.ScriptAlias /cgi-bin/ "D:/xampp/cgi-bin/" 配置cgi文件夹2.AddHandler cgi-script .cgi .pl .asp .py

原创 geoserver关于服务迁移问题

geoserver服务迁移，如果是要部署的地方

原创 稍微整理一下geoserver配置style的几种样式

首先，配置geoserver图层样式，k

原创 openwebglobe 简单功能实现 Virtual Earth （虚拟地球）demo

首先，底图还是以天地图底图为例，加载的方式还是采用xyzf

原创 ol3 加载天地图服务

//添加坐标    var mousePositionControl = new ol.control.MousePosition({        coordinateFormat: ol.coordinate.createStringXY(2),        projection: 'EPSG:4326',        className: 'custom-mouse-po

原创 ol3 结构图 仅限ol.source.Source