梦龙小站

穿越技术人生,探索终极价值;梦想成真之时,龙承技术天下

排序:
默认
按更新时间
按访问量

HTML5实战与剖析之Web存储机制(Web Storage)

Web Storage是以Key-Value的形式进行数据持久性存储。Web Storage是为了克服由cookie带来的一些限制而产生的。当数据需要被严格控制在客户端上的时候,无须持续地将数据发回服务器。Web Storage的目标有两个:提供一种存储会话数据的路径;提供存储大量可以跨会话存在的...

2014-08-27 19:59:39

阅读数:1656

评论数:0

HTML5实战与剖析之离线应用

离线的Web应用,就是在设备不能上网的时候还能运行应用。HTML5把离线应用作为重点,主要是开发人员的心愿。离线应用的开发的步骤有:首先应该知道设备是否能够上网;然后应该还能访问一定的资源(如图像、CSS、JavaScript等),只有这样才能正常工作。

2014-07-26 23:37:08

阅读数:1467

评论数:0

HTML5实战与剖析之使用HTML5 WebSocket API

通过引入一个简洁的接口(见下面的清单),开发者可以替代技术,如长轮询和“永远帧,因此进一步降低延迟。

2014-06-10 08:58:03

阅读数:1722

评论数:0

HTML5实战与剖析之WebSocket协议

WebSocket协议是为了工作与现有的网络基础设施。作为这一设计原则的一部分,WebSocket连接的协议规范定义了开始其生命作为一个HTTP连接,保证与pre-WebSocket世界完全向后兼容。从HTTP协议切换WebSocket称为WebSocket握手。浏览器发送一个请求到服务器,这表明...

2014-05-26 08:53:57

阅读数:1133

评论数:0

HTML5实战与剖析之WebSockets简介

HTML5 WebSockets规范定义了一个API,允许web页面使用WebSockets协议与远程主机双向沟通。介绍了WebSocket接口,并定义了一种全双工通信通道,通过一个套接字在网络上。HTML5 WebSockets提供极大的减少了不必要的网络流量和延迟而不能攀登的轮询和长轮询的解决...

2014-05-22 09:53:06

阅读数:2924

评论数:0

HTML5实战与剖析之历史管理(history对象)

HTML5新添加了对历史的管理,更新了history对象让管理历史状态更加方便了。在现代Web应用中,用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如,提高了用户体验。通过haschange事件,可以知道URL的参数什么时候发生了变化,也就是什么时...

2014-05-07 14:38:43

阅读数:3754

评论数:0

HTML5实战与剖析之媒体元素(6、视频实例)

HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断,让HTML5当家做主人,所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子,让大家更好的理解HTML5和有效的应用在项目中。

2014-05-06 09:19:27

阅读数:2337

评论数:0

HTML5实战与剖析之媒体元素(5、音频实例)

之前已经介绍过了HTML5中媒体元素的相关小概念,和一些事件方法。光有一些理论基础,没有实践实例是不能充分理解的,更不太可能靠小概念来进行实际操作的。所以今天为大家奉上一个有关模拟音乐播放器小例子。希望大家通过这个下例子能够更好的理解和运用HTML5中的媒体元素。   HTML代码   CSS代码...

2014-04-30 08:48:32

阅读数:1305

评论数:0

HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)

虽然媒体元素可以实现音频和视频功能,但是并不是所有浏览器都支持video标签和audio标签的所有编解码器,这意味着开发人员必须提供很多歌媒体来源。在JavaScript API中能够检测浏览器是否支持某种格式和编解码器。这两个媒体元素都有一个canPlayType()方法,该方法接收一种格式/编...

2014-04-30 08:45:07

阅读数:2171

评论数:0

HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

HTML5中的媒体元素除了拥有很多的属性之外,video标签和audio标签还可以出发很多事件和方法。这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果。下面就为大家开始介绍媒体元素的相关事件。

2014-04-21 10:05:01

阅读数:2052

评论数:0

HTML5实战与剖析之媒体元素(2、媒体元素的属性)

提到HTML5中的媒体元素,那咱们可有的聊了,刚刚介绍完媒体元素的用法与简介,还没介绍有关媒体元素的相关属性呢,所以今天就为大家介绍一些有关HTML5中媒体元素的相关属性。

2014-04-18 14:31:28

阅读数:2551

评论数:0

HTML5实战与剖析之媒体元素(1、video标签和audio标签简介)

随着HTML5的到来,flash在手机端全部不能得到支持,这就使一项以flash制作的音乐播放和视频播放只能用HTML5中的媒体标签video标签和audio标签来制作了。很恰巧的是,移动端对HTML5中的媒体标签video标签和audio标签支持的非常好。这就使HTML5在移动端很流行。vide...

2014-03-24 10:01:39

阅读数:2271

评论数:0

HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)

之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东,闲话不多说赶快一起看看吧。在默认情况下,链接、文本和图像是可以拖动的,不用再写代码即可拖动。如果想让其他元素标签也可以拖动,那么只有HTML5能实现了。HTML5为所有HTML元素规定...

2014-03-17 09:16:51

阅读数:2999

评论数:0

HTML5实战与剖析之原生拖拽(三dataTransfer对象)

虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽,在IE6和IE7中还是有些拖拽问题,并且也没有实现数据的交换。为了实现数据的交换,IE5引入了dataTransfer对象。dataTransfer对象是事件对象的一个属性,用于从被拖拽元素相放置目标传递字符...

2014-03-10 08:49:21

阅读数:9115

评论数:0

HTML5实战与剖析之原生拖拽(二拖拽事件dragstart、drag和dragend)

通过拖拽事件,咱们就可以控制拖拽很多东西了。其中什么元素或者是哪里发生了拖拽事件是最关键的。有些事件是在被拖动的元素上触发,有些事件是在放置目标上触发的。拖动某元素时候,触发的事件有:dragstart事件、drag事件和dragend事件。

2014-03-04 08:33:45

阅读数:4918

评论数:0

HTML5实战与剖析之原生拖拽(一拖拽历史概述)

提起拖拽,我就想起了在JavaScript培训的时候一个非常好玩的效果,那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。最早拥有JavaScript拖拽功能的是IE4浏览器。当时,网页中只有两种对象是可以拖拽的,那就是:图形和某些文字。拖拽图像的时候,把鼠标放在图像上,按住鼠标不放就...

2014-02-25 08:41:25

阅读数:2681

评论数:1

HTML5实战与剖析之跨文档消息传递(iframe传递信息)

在来自不同域名的页面间传递消息一般统称为跨文档消息传送,简称XDM。如,www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum域名中的页面通信。在XDM机制出现之前,要毫无压力地实现这种通信需要用很长时间。XDM把这种机制规...

2014-02-20 08:41:58

阅读数:3340

评论数:0

HTML5实战与剖析之表单那些事儿

HTML5针对表单方面也做了一些完善,新添加了一些验证数据的功能,新添加了一些标签属性。有了这些验证功能,就可以不用JavaScript进行验证,哪怕是JavaScript被禁用了也可以毫无压力的验证表单了。开发人员不用JavaScript,浏览器会根据标记中的规则执行验证,然后显示适当的错误信息...

2014-02-17 08:51:08

阅读数:2806

评论数:0

HTML5实战与剖析之剪贴板事件

很多网站当复制粘贴的时候,都会出现有关剪贴板的相关提示,在刚刚入行前端工程师的时候,我还在一直纳闷,这是怎么实现的呢。如今,咱们再也不用纳闷了,因为已经有浏览器把剪贴板相关事件纳入标准了。

2014-02-14 08:59:39

阅读数:26267

评论数:1

HTML5实战与剖析之表单——文本框脚本

在编写表单相关的东西的时候,通常有两个标签标示文本框:一种是单行文本框input标签,另一种是多行文本框textarea标签。这两种标签比较相似,但是他们也有区别。如果一定要用input标签标示文本框,那么就必须在type属性中设置”text”。通过设置size属性可以指定文本框中显示字数的字符数...

2014-02-11 09:02:44

阅读数:3449

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭