以下是几种普及得比较好的触摸事件,可以在绝大多数现代浏览器中来测试这一事件(必须是触屏设备): (on)touchstart:触摸开始的时候触发 (on)touchmove:手指在屏幕上滑动的时候触发 (on)touchend:触摸结束的时候触发 (on)touchcancel:系统取消touch事件的时候触发。例如电话接入或者弹出信息。一般用在游戏:玩着的时候,突然来电话了,就触发touchcancel事件暂停游戏、存档等操作。 而每个触摸事件都包括了三个触摸对象列表,每个列表里包含了对应的一系列触摸点(触摸对象,用来实现多点触控): touches:当前位于屏幕上的所有手指的列表。 [more...]

 

前几天写几个页面,在几台手机上测试都没事,然后到了开发后期,发现在一台galaxy上的微信里面却发现变了样…… 在列表那里,设置了li的height,也设了同样大小的line-height,一般情况下,文字应该是居中的 可是在galaxy里面,它文字偏偏却往上偏了……(这个现象出现在微信的webview里面) 研究了一番,发现galaxy的解析有点不一样,至于出现问题的原理,基于水平问题,还不能得出正确的答案。 只是能提供另一种方案,实现文字居中,就是不设height和line-height,设padding,上下的padding一样就好。 由于笔者的情况单一,如果有其他需求,该需再研究研究

 

现在在ios/android上的web网站变的越来越多,智能机中ios和android系统的设备市场份额也是与日俱增,相信未来会是一个趋势,那么如何构建基于webkit的网站呢? 这里有一篇文章介绍了如何用html5创建一个iphone的app,这是一个基于web的本地离线应用,相对于native应用来说基于web的应用开发和测试都非常快捷,基于webkit浏览器支持大部分的html5,也支持大部分的css3,而且开发语言也是大多数web工程师所熟悉的,最重要的一点是基于web的应用是完全跨平台的,不需要多平台的开发和测试。 开发基于webkit的web app/page时需要注意的有: HTML特性: <input type=”file” [more...]

 

因为都是些简单的逻辑代码,所以不作解说。 只是期间用到自定义获取元素的函数get(),和做了浏览器之间的兼容而已。 //为元素添加事件函数 //node –> 需要添加事件的元素 //type [more...]

 
CSS3新的字体尺寸单位rem

CSS3引入新的字体尺寸单位 rem ,可以简单记忆为root rm。 CSS3的出现,他同时引进了一些新的单位,包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of [more...]

 

在前面,我们自定义了一个getElementsByClassName()的函数,现在由该函数,我们可以引伸到一个根据类名和id获取元素的函数。 只需要做个判断就是了。因为仅供自己使用,且节省代码,所以并没有兼容所有css选择器,只是根据“.”和“#”这两个条件。 //获取元素 //str –> id , [more...]

 

javascript 在事件监听方面的兼容性总结,注意是由于多个浏览器的不一致,导致大家在js书写时需要考虑多个浏览器的兼容性。 1、IE使用attachEvent/detachEvent方法来添加和删除事件监听器; w3c使用addEventListener/removeEventListener方法。 例一: //为元素添加事件函数 //node [more...]

 

Node.ELEMENT_NODE(1) Node.ATTRIBUTE_NODE (2) Node.TEXT_NODE (3) Node.CDATA_SECTION_NODE(4) Node.ENTITY_REFERENCE_NODE(5) [more...]

 
jQuery中的.bind()、.live()和.delegate()之间区别分析

找了那么多,似乎就这篇比较通俗易懂,就偷过来了 DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 代码如下: $(‘a’).bind(‘click’,function(){alert(‘that [more...]

 
CSS3 渐变背景 radial-gradient() -webkit-radial-gradient() -webkit-gradient()……

网上搜了一些资料,大家也可以搜到,笔者只是整理了一下下而已。 对于webkit,radial(放射状)方式的背景渐变有两种,一种是旧的,一种是新的。 旧的那种语法跟Firefox差别比较大,而新的那种终于跟FF统一了。 先看一下旧的语法吧 /* 语法,参考自: http://webkit.org/blog/175/introducing-css-gradients/ [more...]

© 2012 Hedgehog Suffusion theme by Sayontan Sinha