html5 API

【html5 API】的更多相关文章

HTML5 API 之 history

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

HTML5 API's (Application Programming Interfaces)

New HTML5 API's (Application Programming Interfaces) The most interesting new API's are: HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE…

Web开发者的最爱 5个超实用的HTML5 API

摘要:毫无疑问,HTML5已经成为当今最流行的一门技术,尤其是Web开发者们对HTML5的兴趣是日趋渐浓.HTML5的许多功能也都能在现代浏览器中得以实现.然而,作为开发者,除了关注HTML5的功能和开发工具外,你有对其API留意过吗?本文将为你提供5个非常实用的API,绝对让你收获满满! HTML5革命给Web开发者们带来许多超棒的JavaScript和HTML APIs,有些API已逐渐成为他们的好帮手.最近,我又接触到了5个非常实用的HTML5 API,在此和大家分享,希望这些API能帮助…

HTML5+ API 学习

HTML5+ API 模块整理 API Reference 模块中文模块介绍 Accelerometer 加速计管理设备加速度传感器,用于获取设备加速度信息,包括x(屏幕水平方向).y(垂直屏幕水平方向).z(垂直屏幕平面方向)三个方向的加速度信息.通过plus.accelerometer获取设备加速度传感器管理对象. Audio 音频用于提供音频的录制和播放功能,可调用系统的麦克风设备进行录音操作,也可调用系统的扬声器设备播放音频文件.通过plus.audio获取音频管理对象. Bar…

你可能不知道的5个功能强大的 HTML5 API

HTML5 新增了许多重要的特性,像 video.audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API.而其它的新元素,例如 section.article.header 和 nav 等则是用来丰富网页内容.另外还有很多强大的 JavaScript API,下面这5个 HTML5 API 你可能不知道,通过今天这篇文章可以了解一下. Fullscreen API 这个 HTML5 全屏 API 让 Web 开发者可以通过编程控制页面的全…

HTML5 API 是什么

HTML5 API 是什么一.总结 1.html5有很多好的api可以用:例如绘图的canvas,获取地理位置的,获取手机电池信息的等等,后面用的时候可以百度 2.html5 API是什么:html5里面的编程接口,就是一些功能接口二.html5定义中api是什么意思? api就是接口,html里面的api也不例外,也是些编程接口,是你访问一些编码指令和一些标准的一个接口一个集合,就跟插座一样,是电和电器的一个接口.比如html5里面的canvas,是绘图的一个api,html5获取地理位置…

HTML5 API——无刷新更新地址 history.pushState/replaceState 方法

尽管是上面讲到的<JavaScript高级程序设计>(第二版)中提到,BOM中的location.path/query…… (window.location)在通过JavaScript更改以后,浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置..) 而在JavaScript MVC开始流行之后,通过刷新来修改URL的方法,不禁让人感到烦躁.然而HTML5中就制定了一个这样的API,可以通过方法的方式来修改URL,而又不会使浏览器刷新,就是History API. 熟…

1.Canvas绘图 2.postMessage跨域.多窗口传输 3.requestAnimationFrame动画 4.PageVisibility API页面可见性 5.File 本地文件操作 6.Geolocation 地理定位 7.localStorage|sessionStorage存储 8.Web Workers多线程 9.HTML5 服务器发送事件(server-sent event)…

HTML5 API 浏览器支持情况检测

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

HTML5 API分享

Facebook - http://developers.facebook.com/ 人人网开放平台 - http://dev.renren.com/ 51.com开放平台 - http://developers.51.com/ MySpace开发者平台 - http://developer.myspace.cn/ Opensocial - http://wiki.opensocial.org/ Google Gadgets 小工具 API 开发人员指南 - http://www.google.…

【转】HTML5 API——无刷新更新地址 history.pushState/replaceState 方法

(window.location)在通过JavaScript更改以后,浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置..) 而在JavaScript MVC开始流行之后,通过刷新来修改URL的方法,不禁让人感到烦躁.然而HTML5中就制定了一个这样的API,可以通过方法的方式来修改URL,而又不会使浏览器刷新,就是History API. 熟悉JavaScript开发的同学,对History肯定不会陌生,其中最经典的方法就是go,通过第一个类型为整数的传输参数,可以使…

你可能不知道的5 个强大的HTML5 API 函数

HTML5提供了一些非常强大的JavaScript和HTML API,来帮助开发者构建精彩的桌面和移动应用程序.本文将介绍5个新型的API,希望对你的开发工作有所帮助. 1. 全屏API(Fullscreen API) 该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序. // 找到适合浏览器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.r…

HTML5 API—无刷新更新地址 history.pushState/replaceState方法(例子） (转)

尽管是上面讲到的<JavaScript高级程序设计>(第二版)中提到,BOM中的location.path/query…… (window.location)在通过JavaScript更改以后,浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置..) 而在JavaScript MVC开始流行之后,通过刷新来修改URL的方法,不禁让人感到烦躁.然而HTML5中就制定了一个这样的API,可以通过方法的方式来修改URL,而又不会使浏览器刷新,就是History API. 熟悉…

5 个强大的 HTML5 API

HTML5提供了一些非常强大的JavaScript和HTML API,来帮助开发者构建精彩的桌面和移动应用程序.本文将介绍5个新型的API,希望对你的开发工作有所帮助. 1. 全屏API(Fullscreen API) 该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序. // 找到适合浏览器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.r…

-_-#【JS】HTML5 API

<JavaScript高级程序设计(第3版)> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul class="list"> <li class="item">1</li> <…

使用HTML5 API(AudioContext)实现可视化频谱效果

如今的HTML5技术正让网页变得越来越强大,通过其Canvas标签与AudioContext对象可以轻松实现之前在Flash或Native App中才能实现的频谱指示器的功能. Demo: Cyandev Works - HTML5 Audio Visualizing The AudioContext interface represents an audio-processing graph built from audio modules linked together, each repr…

【转】HTML5 API --- 页面可见性改变(visibilitychange)事件

[摘要:[本文属本创,若有转载,请说明出处http://blog.csdn.net/yl02520/article/] visibilitychange事情是扫瞄器新增加的一个事情,当扫瞄器的某个标签页切换到背景,或从背景切换到前台时便会触收该] visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等.虽然这只是一个简单的功能,但是能够广大的…

[转]你可能不知道的五个强大HTML5 API

一.全屏 // 找到适合浏览器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullScreen) { element.webk…

[转]HTML5 classList API

Having thrust myself into the world of JavaScript and JavaScript Libraries, I've often wondered: When are browser vendors going to see the helper methods/libraries created by the JavaScript toolkits and implement these functionalities natively within…

另5个你不知道的HTML5接口API

原文地址: 5 More HTML5 APIs You Didn’t Know Existed 演示地址: 全屏API Demo 原文日期: 2012年11月08日翻译日期: 2013年08月13日 HTML5 已经给我们提供了许多好用的JavaScript以及HTML API.其中一些是我们期待了许多年的,而另外一些是为移动和桌面开发者准备的.不管这些API出于什么目的而推出,只要能帮我们更好地完成工作就是“好猫”. 前几天我发表了一篇名为: 5个你不知道的HTML5的接口的博文,希望能帮您…

Safari支不支持HTML5录音？现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API。

先放结论:Safari支不支持HTML5录音? ——据我调查,不支持. 现在浏览器中最好的解决方案是WebRTC下的 navigator.getUserMedia API. 可是当使用Can I use查看兼容性的时候,我发现不过这个是有历史原因的,我记得RTC是在去年,2013,才刚刚由思科提出并且确定下来的(没记错的话).但Audio标签在制定初就是HTML5规范的一部分,兼容性如下,因此你的陈述有误. 所以,我在做相关Application时候,就不得不得考虑退化,然而多媒体方面的能做的…

HTML5 classList API

Having thrust myself into the world of JavaScript and JavaScript Libraries, I've often wondered: When are browser vendors going to see the helper methods/libraries created by the JavaScript toolkits and implement these functionalities natively within…

HTML5的新语义化的标签

在HTML5之前采用HTML+CSS文档结构写法 [ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域)] [class选择器说明 class类选择器——可以应用于页面任意多个元素,非常适合标识内容类型或其他相似的条目] Diagram illustrates a typical two-column layout marked up using divs with id and class attri…

Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您. jQuery 插件和教程精心挑选:精美的 jQuery 加载动画和进度条插件精心挑选:10款基于 jQuery 的图片360度旋转插件精心挑选:几款实用的 jQ…

使用HTML5里的classList操作CSS类

在HTML5 API里,页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增.删除.修改节点上的CSS类.使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类. Element.classList 这个classList对象里有很多有用的方法: { length: {number}, /* # of class on this element */ add: function() { [native code] }, contains:…

HTML5本地数据库（SQLite）示例

本文转载自http://blog.sina.com.cn/s/blog_641cf27f01016pm5.html 按照国内一HTML5先行者的例子仿写了一个用HTML5 API来操作本地SQLite数据库的例子,感觉这个功能蛮好玩的,但是还不够强大,尤其浏览器支持力度不够:HTML代码:1. <!DOCTYPE html>2. <head>3. <meta charset="UTF-8">4. <title>使用HTML5本地数据库DE…

html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器

以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). v1.4版本已支持秒传+分片上传+断点续传(IE10+.其它标准浏览器),具体请参考Github代码. 上传组件特点轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起…

HTML5 Web Storage

Web Storage是HTML5 API提供一个新的重要的特性: 最新的Web Storage草案中提到,在web客户端可用html5 API,以Key-Value形式来进行数据持久存储: 目前主要的浏览器已经支持该功能: 常见的web客户端数据存储比较: Html5 Web Storage非常易于Web开发者使用,他提供了非常简单的获取或设置key-value对的API: 支持的数据大小由网页浏览器厂商来决定,大多数支持都是5M或10M以上: 这就意味着,我们可以在客户端存储更多有关用户及会…

深入理解HTML5：语义、标准与样式（勇猛精进早登大师殿堂创最优品质交互）

深入理解HTML5:语义.标准与样式(勇猛精进早登大师殿堂创最优品质交互) [美]布拉德福(Bradford,A.) [美]海涅(Haine,P.)著高京译 ISBN 978-7-121-20552-1 2013年6月出版定价:59.00元 280页 16开编辑推荐本书讲解循序渐进,包括详细的基础概念和最佳实践.然后覆盖了核心HTML5技术,带你学习多媒体.交互性和改进的语义.每一章都以简单的内容开始,之后进入逐步复杂的示例. 在本书中,你会学习到: •用新的语义标签改善代码 •不用插件…

平时学习HTML5及其安全相关的一些站点资源

http://www.w3.org/ -- HTML5一切标准都来自这里,如果你是发烧级HTML5患者,就读这个http://www.whatwg.org -- 和W3分分合合,最终共同指定HTML5标准http://html5.org/ -- 里面的The Web Platform做的不错,一目了然http://www.html5rocks.com -- 里面有很多知名HTML5研究者发表的文章和观点http://html5demos.com/ -- HTML5 实践DEMO最佳站点,要飞跃做…