博客专栏  >  前端   >  HTML5实战与剖析

HTML5实战与剖析

一个一个的分享有关HTML5的相关东西,实战与理论相结合

关注
18 已关注
31篇博文
  • HTML5实战与剖析之媒体元素(6、视频实例)

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

    2014-05-06 09:19
    2196
  • HTML5实战与剖析之WebSockets简介

    HTML5 WebSockets规范定义了一个API,允许web页面使用WebSockets协议与远程主机双向沟通。介绍了WebSocket接口,并定义了一种全双工通信通道,通过一个套接字在网络上。H...

    2014-05-22 09:53
    2779
  • HTML5实战与剖析之历史管理(history对象)

    HTML5新添加了对历史的管理,更新了history对象让管理历史状态更加方便了。在现代Web应用中,用户可以通过”前进”和”后退”按钮进行历史页面的切换。这让一些不在新页面中打开的新页面前进后退自如...

    2014-05-07 14:38
    3259
  • HTML5实战与剖析之媒体元素(5、音频实例)

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

    2014-04-30 08:48
    1161
  • HTML5实战与剖析之媒体元素(4、检测编解码器的支持和Audio构造函数)

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

    2014-04-30 08:45
    1921
  • HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

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

    2014-04-21 10:05
    1902
  • HTML5实战与剖析之媒体元素(2、媒体元素的属性)

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

    2014-04-18 14:31
    2280
  • HTML5实战与剖析之媒体元素(1、video标签和audio标签简介)

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

    2014-03-24 10:01
    2089
  • HTML5实战与剖析之原生拖拽(四可拖动dragable属性和其他成员)

    之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东,闲话不多说赶快一起看看吧。在默认情况下,链接、文本和图像是可以拖动的,不用再写代码即可...

    2014-03-17 09:16
    2751
  • HTML5实战与剖析之原生拖拽(三dataTransfer对象)

    虽然通过dragstart、drag和dragend事件实现了原生拖拽。但是这仅仅是拖拽,在IE6和IE7中还是有些拖拽问题,并且也没有实现数据的交换。为了实现数据的交换,IE5引入了dataTran...

    2014-03-10 08:49
    7595
  • HTML5实战与剖析之原生拖拽(二拖拽事件dragstart、drag和dragend)

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

    2014-03-04 08:33
    3964
  • HTML5实战与剖析之原生拖拽(一拖拽历史概述)

    提起拖拽,我就想起了在JavaScript培训的时候一个非常好玩的效果,那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。最早拥有JavaScript拖拽功能的是IE4浏览器。当时,网页中...

    2014-02-25 08:41
    2554
  • HTML5实战与剖析之跨文档消息传递(iframe传递信息)

    在来自不同域名的页面间传递消息一般统称为跨文档消息传送,简称XDM。如,www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum...

    2014-02-20 08:41
    3169
  • HTML5实战与剖析之表单那些事儿

    HTML5针对表单方面也做了一些完善,新添加了一些验证数据的功能,新添加了一些标签属性。有了这些验证功能,就可以不用JavaScript进行验证,哪怕是JavaScript被禁用了也可以毫无压力的验证...

    2014-02-17 08:51
    2661
  • HTML5实战与剖析之剪贴板事件

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

    2014-02-14 08:59
    21190
  • HTML5实战与剖析之表单——文本框脚本

    在编写表单相关的东西的时候,通常有两个标签标示文本框:一种是单行文本框input标签,另一种是多行文本框textarea标签。这两种标签比较相似,但是他们也有区别。如果一定要用input标签标示文本框...

    2014-02-11 09:02
    3177
  • HTML5实战与剖析之表单——自动获取焦点属性(autofocus属性)

    HTML5在表单中新添加了很多功能,梦龙小站将慢慢为大家介绍,今天为大家介绍HTML5表单中新添加的有关焦点的属性。HTML5添加了autofocus属性,这个属性在支持它的浏览器中,只要设置了这个属...

    2014-02-10 09:49
    6734
  • HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

    HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主...

    2014-02-07 11:37
    43939
  • HTML5实战与剖析之自定义数据属性(dataset)

    说道HTML5实战与剖析之自定义数据属性,我就想起以前在外面学习JavaScript的时候了,那时候真可谓是跟打了鸡血似的,永远那么兴奋。早在那个时候,我就听说过自定义属性这回事儿了。下面就为大家介绍...

    2014-01-28 09:02
    1855
  • HTML5实战与剖析之字符集属性(charset和defaultCharset)

    HTML5对字符集属性也进行了更新,其中charset和defaultCharset属性就是HTML5中新添加的字符集属性。有关charset和defaultCharset属性的具体讲解尽在HTML5...

    2014-01-27 08:52
    1925

seaJs学习笔记
1127177
LESS详解
1454168
SASS
1034358
CSS3属性详解
1851832
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部