HTML5--有感
2015-08-12 10:26
597 查看
拜读了 Peter Lubbers 的《HTML5程序设计-第二版》。原以为HTML5只是HTML4的升级版,直接被颠覆了。HTML5可以说有革命性的意义,有点像把本地应用的功能特性搬到网上的感觉。
还有一些正在研究的项目,可能现在浏览器已经很好的支持了。
1.canvas,提供强大的绘图能力,是基于位图的,提供基本的API,不能与其交互(有利有弊),已被引用到诸多领域,比如游戏,图表等等。网上已有很多基于canvas的开源库,这篇文章还对比了开源库的情况,网址: http://www.tuicool.com/articles/F3IZJj。基于canvas的游戏引擎也有不少,如Cocos2D.js,DOM等。 2.svg,是基于矢量图的,是标记语言,能提供HTML一样的交互能力,比如复制,选择。有些图标库,提供svg的格式,放缩图片质量不降低。 3.Audio和Video,提供两个应用音频和视频的tag,和相应的API。提供统一和简单的接口,取代第三方控件。 4.Geolocation API,提供统一简单且保证隐私的接口获取用户的地理位置,针对基于地理位置的App。 5.getMessage API,用于标签,窗口之间通讯。 6.XMLHttpRequest Level 2,异步获取非同源网站的信息。 7.WebSockets API,用于实时通讯。 8.Forms API,提供新的表单控件,如password, tel, url, emial, number, search, range等等,提供基本的表单验证机制和相应的接口。 9.拖放功能。 10.Web Workers API,JS是单线程,大量的计算,会导致页面无响应,影响用户体验。提供多线程的机制,充分利用多核处理器,后台负责计算。getMessage负责前后台通讯。 11.Web storage API,提供localStorage, sessionStorage, indexed Database等存储机制。 12.构建离线应用。
还有一些正在研究的项目,可能现在浏览器已经很好的支持了。
1.WebGL 2.设备,如摄像头,麦克风,虚拟现实设备 3.音频数据API,音频编辑功能,如音频转化为文字 4.触屏设备事件 5.P2P网络
相关文章推荐
- HTMl5中sessionStorage和localStorage的区别
- HTML5 异步上传文件
- HTML5入门-2
- Html5(6)画图
- Html5(5)视频、音频 及 拖放
- 6最好的之一 HTML5/CSS3 演示(PPT)框架
- 【坑】html5中使用context.lineWidth设置线的宽度是1,然而输出的宽度是2的原因
- HTML5本地存储Localstorage
- HTML5——Data Url生成
- HTML5的Canvas实现小圆点在屏幕内跑动
- HTML5 Boilerplate - 让页面有个好的开始
- 移除HTML5 input在type="number"时的上下小箭头
- 利用html5的FormData对象和ajax实现异步文件上传
- HTML5 3D翻书效果(双面效应)
- 1001---HTML5介绍
- html5的spellcheck属性(拼写、文法检查)
- html5 新选择器 querySelector querySelectorAll
- 利用html5实现上传图片预览
- HTML5
- 【坑】html5中使用canvas绘制两个strokeRect之间忘了用beginPath()