随笔分类 -  javascript

摘要:谷歌地图地理解析和反解析geocode.geocoder详解 谷歌Geocoder服务 实例代码地址解析就是将地址(如:贵州省贵阳市)转换为地理坐标(如经度:106.71,纬度:26.57)的过程。地理反解析和上面的过程相反是将地理坐标(如纬度:26.57,经度:106.71)转换为地址(中国贵州省... 阅读全文
posted @ 2014-09-29 17:08 幻星宇 阅读(890) 评论(0) 推荐(0)
摘要:刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以... 阅读全文
posted @ 2014-09-05 10:16 幻星宇 阅读(185) 评论(0) 推荐(0)
摘要:最近在做一个基于地点提醒的移动应用,当初考虑大家都心知肚明的原因,谨慎的选择了百度地图,现在想想其实完全没有必要,好的应用本来就不分国界的,最后可能还是得换回Google地图。毕竟Google地图在技术和成熟度上完胜百度地图,当然百度也在慢慢追赶,希望有一天大家都能用上咱们自己的好用的地图服务。 ... 阅读全文
posted @ 2014-08-11 09:45 幻星宇 阅读(320) 评论(0) 推荐(0)
摘要:js文件中的内容(ajax.operate.js);(function ($, window) { var _ajaxOperate = window.ajaxOperate || {}; _ajaxOperate.callback = false; _ajaxOperate.de... 阅读全文
posted @ 2014-08-08 16:30 幻星宇 阅读(540) 评论(0) 推荐(0)
摘要:方法1:$('.preview').live('click', function(){ var w = window.open();//发请求之前打开一个空页面 $.ajax({..., success:function(msg){ setTimeout(function(){w.loca... 阅读全文
posted @ 2014-07-30 16:44 幻星宇 阅读(742) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)google map测距的实现和分析不断有传闻google map在今年的7月1号之后在大陆停止运营,具体原... 阅读全文
posted @ 2014-07-29 10:45 幻星宇 阅读(286) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)google Map的交互基本都是事件驱动的,这表示js是通过生成时间来响应交互的,并且处于监听我们设定的事... 阅读全文
posted @ 2014-07-29 10:44 幻星宇 阅读(255) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)本来是想将房产地图google map的应用记录一个系列,但继1)记录完之后总找不到时间继续记录下去,1)中... 阅读全文
posted @ 2014-07-29 10:43 幻星宇 阅读(393) 评论(0) 推荐(0)
摘要:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3)房产地图google map的初步应用点滴.4)以前的房产地图一直都是使用有道地图,虽然有道地图是很好,但是为了更好,还是决定使用google地图来重新开发... 阅读全文
posted @ 2014-07-29 10:42 幻星宇 阅读(266) 评论(0) 推荐(0)
摘要:S事件流其中一种是冒泡事件,当一个元素被触发一个事件时,该目标元素的事件会优先被执行,然后向外传播到每个祖先元素,恰如水里的一个泡泡似的,从产生就一直往上浮,到在水平面时,它才消失。在这个过程中,如果你只希望事件发生在目标元素,而不想它传播到祖先元素上去,那么你需要在“泡泡”离开对象之前刺破它。 ... 阅读全文
posted @ 2014-07-08 09:44 幻星宇 阅读(536) 评论(0) 推荐(0)
摘要:1、在列表项和按钮上禁用文本截断 如果你的列表项或者按钮上是一个很长的文本,它将会被jQuery Mobile自动截断,要禁用这个截断设置,需要在CSS选择器上添加属性"white-space:normal"。例如,在按钮禁止截断: .ui-btn-text{ white-space:normal;... 阅读全文
posted @ 2014-07-02 17:07 幻星宇 阅读(224) 评论(0) 推荐(0)
摘要:1.触摸屏事件——Touch eventstapTriggers after a quick, complete touch event.本人实际测试效果:轻轻点击,效果和按普通按钮差不多。tapholdTriggers after a held complete touch event (clos... 阅读全文
posted @ 2014-07-02 17:05 幻星宇 阅读(337) 评论(0) 推荐(0)
摘要:Google Maps API 第 3 版提供了用于创建自定义叠加层的OverlayView类。OverlayView是一个基类,提供了您在创建叠加层时必须实现的若干方法。该类还提供了一些方法,用于实现屏幕坐标和地图位置之间的转换。要创建自定义叠加层,请执行以下操作:将自定义对象的prototype... 阅读全文
posted @ 2014-07-01 09:27 幻星宇 阅读(1375) 评论(0) 推荐(0)
摘要:本文主要总结Google map API V3使用中最简单也是最常见的一些操作以及相关概念,如果需要更加详细的信息,请直接阅读Google提供的关于map的文档。google map api v3文档链接:英文版:https://developers.google.com/maps/document... 阅读全文
posted @ 2014-06-09 13:46 幻星宇 阅读(514) 评论(0) 推荐(0)
摘要:动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等。这些情况下,动态请求返回的数据一般不是已拼好的HTML就是JSON或XML,总之不在浏览器端拼数据就在服务器端拼数据。不过,从传输量方面来看,返回HTML不划算,而在web传输方面,现在更多的是使... 阅读全文
posted @ 2014-04-30 18:51 幻星宇 阅读(621) 评论(2) 推荐(0)
摘要:一、Masonry是基于Jquery插件,用于对CSS布局的可移动层进行重新布局。Masonry愿意石工,可以这样形象的理解,页面上很多大小不一的移动层可以想象成散乱的石头,经过Masonry这个石工处理后,变成一堵美观的墙。官网地址:http://masonry.desandro.com二、Inf... 阅读全文
posted @ 2014-01-18 16:30 幻星宇 阅读(1593) 评论(0) 推荐(0)
摘要:在线演示Masonry是 一款非常强大的jQuery动态网格布局插件,可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于,float先水平排列,然后再垂直排列,使用Masonry则垂直排列元素,然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下:在上图中大家可以看到,在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大,而使用Masonry处理后,间隔变小。Javascript首先倒入类库,如下:然后,针对元素容器执行masonry,如下:$(function(){ $. 阅读全文
posted @ 2014-01-18 16:29 幻星宇 阅读(334) 评论(0) 推荐(0)
摘要:function getDefaultImg() { //添加判断图片是否存在操作 var $defaultImgPathObj = $('input[name=defaultImgPath]'); if ($defaultImgPathObj.length > 0) { var nopic = $defaultImgPathObj.val(); $("img").each(function(){ var img = $(this); if(document.all && img.fileSi... 阅读全文
posted @ 2014-01-17 18:30 幻星宇 阅读(1765) 评论(0) 推荐(0)
摘要:一、相关demo基本demo页面Ajax demo页面参数可编辑demo页面二、简介与说明此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。原插件CSS不太合理,使用浮动,故无法方便实现左右方向的定位,且未清除浮动,在中文修改版中我对其进行了优化,使其支持text-align的定位。对原js文件注释进行了中文翻译,demo页面也是汉化了的,demo页面的js与原demo有一些出入,但核心不变。三、使用方法跟一般的jQuery插件一样,此插件使用也很简单便捷。方法是pagination,例如$("#page&qu 阅读全文
posted @ 2014-01-03 16:36 幻星宇 阅读(1604) 评论(0) 推荐(0)