(1)whitespace = "[\\x20\\t\\r\\n\\f]";
匹配css3中空白符.
\x20:空格;\t水平制表符(tab);\r\n回车换行\f换页符
(2)characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+"
匹配\后任意字符,字母或数字或-,ascii值非\00-\xa0范围内的字符
(3)i...
分类:
Web程序 时间:
2014-05-10 10:21:32
阅读次数:
404
之前曾经研究过几个纯css实现的文字效果,《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等,今天我们来研究几款文字效果,主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类:
Web程序 时间:
2014-05-10 09:37:06
阅读次数:
591
今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转,首先,在这个太阳系里分为画轨道和画星球两个部分,对
于每一个星球我们要知道它的颜色和公转周期,如下图。
采用面向对象编程的思想,代码如下:
你的浏览器不支持canvas标签!
//设置2d绘图环境...
分类:
Web程序 时间:
2014-05-10 09:32:09
阅读次数:
640
HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断,让HTML5当家做主人,所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子,让大家更好的理解HTML5和有效的应用在项目中。...
分类:
Web程序 时间:
2014-05-07 06:30:58
阅读次数:
332
当使用移动设备进行触控操作时,最常用的就是轻击、按住屏幕或者手势操作,jQuery Mobile可以通过绑定的触控事件来响应使用者的特定触控行为。一、轻击与按住直接上代码(一切皆在代码中,细细品吧!)
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1....
分类:
移动开发 时间:
2014-05-07 04:45:59
阅读次数:
426
为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程,我绘制了一幅流程图:图中用红色框圈起来的是界面中的事件,测试代码如下:
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=0;...
分类:
移动开发 时间:
2014-05-07 04:40:07
阅读次数:
450
在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版,在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求,用户会感到略有停顿。使用多页模版,可以改善页面跳转之间的流畅性,但是多个页面要一次性下载,所以下载时间变长,用户体验也会受到影响。在基于预取技术的开发中,当第一个页面的DOM对象加载完成后,jQuery Mobile会对标记data-prefetch的链接...
分类:
移动开发 时间:
2014-05-07 03:51:49
阅读次数:
400
在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递。1、GET方式:在前一个页面生成参数并传入下一个页面,然后在下一个页面中进行GET内容解析。2、通过HTML5的Web Storage进行参数传递。3、建立当前页面变量,在前一个页面将所需传递的参数内容赋值到变量中,在后一个页面从变量中将参...
分类:
移动开发 时间:
2014-05-06 21:58:26
阅读次数:
450
昨天的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果,其中3d文字效果最为流行,限于篇幅仅仅展示了其3D实现原理,没有考虑代码的复用性和可移植性,立体字的纵深感、方向感、错落感如何实现个性定制,立体字阴影动画,彩虹字动画等等,一一道来。...
分类:
Web程序 时间:
2014-05-06 21:02:38
阅读次数:
562
传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。
Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5
功能支持情况。 Modernizr 并非试图添加老版本浏...
分类:
其他好文 时间:
2014-05-06 18:16:46
阅读次数:
455