HTML5

JavaScript

HTML5之Javascript多线程的详解

432 0

Javascript执行机制 在HTML5之前,浏览器中JavaScript的运行都是以单线程的方式工作的,虽然有多种方式实现了对多线程的模拟(例如:Javascript 中的 setinterval 方法,setTimeout 方法等),但是在本质上程序的运行仍然是由 JavaScript 引擎以单线程调度的方式进行的。在 HTML5 中引入的工作线程使得浏览器端的 Javascript 引擎可以并发地执行 Javascript 代码,从而实现了对浏览器端多线程编程的良好支持。Javascri

JavaScript

详细介绍HTML5中的跨文档消息传递

97 0

跨文档消息传送(cross-document messaging),有时候也简称为XDM,指的是来自不同域的页面间传递消息。例如,www.w3cmm.com域中的一个页面与一个位于内嵌框架中的p2p.w3cmm.com域中的页面通信。在XDM机制出现之前,更稳妥地实现这种通信需要花很多功夫。XDM把这种机制规范化,让我们能既稳妥有简单地实现跨文档通信。XDM的核心是postMessage()方法。在HTML5规范中,除了XDM部分之外的其它部分也会提到这个方法名,但都是为了同一个目的:向另一个地方传递数据

JavaScript

HTML5 API浏览器支持情况检测的详情介绍

131 0

HTML5发展到现在,虽说没有大规模的普及,但在我们日常生活中,也很容易见到了,HTML5的游戏、网站、应用也是层出不穷。而作为前端人员,也应该多了解这些API为以后应用打基础,下面我将给大家介绍 HTML5 新引入的API,并附上各个 API 的浏览器检测方法,我主要参考了最近看的《html5揭秘》和《html5高级程序设计》。首先,我们先介绍下 Modernizr, 它是一个用来检测浏览器对 HTML5 和 CSS3 特性支持情况的开源 Javascript 类库,现在最新的是 2.5.3 版(下载)

JavaScript

详细介绍HTML5中的新事件

112 0

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。touchstart、touchmove和touchend事件  一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为iOs设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。

使用Html5实现树叶飘落的效果
JavaScript

使用Html5实现树叶飘落的效果

309 0

实现如图所示的东西效果(落叶下落):html代码:123456789101112131415161718<!DOCTYPE html><html><head> <title>HTML5树叶飘落动画</title> <meta charset="utf-8"> <meta name="viewport" content="width=500

JavaScript

详细介绍HTML5 File api实现断点续传

67 0

目前市场上大多数的网站的断点上传都是需要安装浏览器插件的,本文就针对高级浏览器的环境下,通过HTML5 File api实现断点上传进行说明一、实现文件多选HTML5的<input>新增了"multiple"属性,该属性可接受多个值的文件上传字段1<input type="file" multiple="multiple" name="file" id="file">添加了该属性用户就

详细介绍HTML5简易在线画图工具的实现案例
JavaScript

详细介绍HTML5简易在线画图工具的实现案例

195 0

继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系,这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具:查看DEMO:HTML5简易在线画图工具功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等,相对我这个新手来说,感觉挺难的,不过还是参考了资料慢慢“拼”出来了。自由画笔的思路:1234567891011121314151617181920212223242526272829303132333435/******* 自由画笔 *******/function

JavaScript

HTML5手机开发-滚动和惯性缓动的代码实例

103 0

1. 滚动 以下是三种实现方式: 1) 利用原生的css属性 overflow: scroll p id= parent style = overflow:scroll; pid='content'内容区域/p /p Notice: 在android 有bug, 滚动完后会回退到最顶端的内容区域,解决办法是使用后两种方式实现 2)js 编程实现 思路:对比手指在屏幕上移动前后位置变化改变内容元素content  1. 滚动  以下是三种实现方式:  1) 利用原生的css属性 overflow: scro