随笔分类 -  JavaScript

ECMAScript、BOM、DOM、jQuery、Sencha、Touch、YUI、js框架、plugin
getElementByTagNames()方法实现
摘要:使用:getElementByTagNames(selector,parentNode)有两个参数: 1、selector:一个用逗号分隔的tag名称字符串。 2、parentNode:一个可选的开始元素。如果存在则在该元素的子元素中查找这些tag,如果不存在则在整个文档中查找。 这个函数根据要求的tag名称返回一个数组(而不是节点列表),按照他们在源代码中的出现顺序排列。对于这个排序需要浏览器支持 sourceIndex或者compareDocumentPosition。如果都不支持(Safari)那么就按照调用 getElementByTagNames()函数时候的tag名称的顺序。... 阅读全文

posted @ 2012-01-06 14:35 pifoo 阅读(4724) 评论(1) 推荐(1)

javascript两行代码按指定格式输出日期时间
摘要:javascript两行代码按指定格式输出日期时间,具体看代码:// <summary>// 格式化显示日期时间// </summary>// <param name="x">待显示的日期时间,例如new Date()</param>// <param name="y">需要显示的格式,例如yyyy-MM-dd hh:mm:ss</param>function date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1,d:x 阅读全文

posted @ 2011-10-21 14:00 pifoo 阅读(3755) 评论(0) 推荐(2)

指尖下的js ——多触式web前端开发之一:对于Touch的处理
摘要:水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是水果)让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说,这种让人欲罢不能的多触式体验似乎跟我们关系不大,因为浏览器那一小块地方就是我们和用户的全部交集了。而许多网站为了让iOS的用户能够在多触式体验下使用自己的服务,都专门花钱开发objective-c的本地程序作为自己web service的客户端。 其实,对于一个web程序员或者一个网站来说 阅读全文

posted @ 2011-05-23 00:06 pifoo 阅读(117162) 评论(18) 推荐(22)

指尖下的js ——多触式web前端开发之二:处理简单手势
摘要:这篇文章将描述多触式网页开发中对手势(Gesture)事件的处理。 水果设备中的Gesture,广义的说包括手指点击(click),轻拂(flick),双击(double-click),两只手指的分开、闭合(scale)、转动(rotate)等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势来模拟和扩展鼠标操作,比如手指放下后迅速提起会触发click事件,手指向上滑动,停止,会触发body的onscroll事件等等。但是,狭义的Gesture事件,也就是能够addEventListener的GestureEvent对象,却并不是一个非常强大的存在,它只在有两根或多根手指放在屏幕上的时候触 阅读全文

posted @ 2011-05-22 23:46 pifoo 阅读(18855) 评论(1) 推荐(5)

指尖下的js —— 多触式web前端开发之三:处理复杂手势
摘要:这篇文章着重介绍多触式设备上特有的gesture event(android和iOS对这个事件的封装大同小异)。这个事件是对touch event的更高层的封装,和touch一样,它同样包括gesturestart,gesturechange,gestureend三个事件回调:gesturestart // 当有两根或多根手指放到屏幕上的时候触发 gesturechange // 当有两根或多根手指在屏幕上,并且有手指移动的时候触发 gestureend // 当倒数第二根手指提起的时候触发,结束gesture 事件处理函数中会得到一个GestureEvent类型的参数,它包含了手指的sca. 阅读全文

posted @ 2011-05-22 23:39 pifoo 阅读(20610) 评论(0) 推荐(11)

一个JSON 实例: jQuery 解析JSON数据
摘要:JSON 是一种比较方便的数据形式 具体的大家可以参考http://baike.baidu.com/view/136475.htm还挺详细的。今天用JQuery 写了一个JSON的东西,用了 $.getJSON方法,获得JSON数据和解析 都挺方便简单的。从http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=? 这个地址得到JSON数据 并且分析里面的结构,生成图片和相关链接等:JS:$(function(){ var u 阅读全文

posted @ 2011-05-21 18:10 pifoo 阅读(15018) 评论(1) 推荐(1)

导航