当前位置: 代码迷 >> HTML/CSS >> 摘记与访谈: 《HTML5专业开发》
  详细解决方案

摘记与访谈: 《HTML5专业开发》

热度:229   发布时间:2013-09-11 16:31:44.0
摘录与访谈: 《HTML5专业开发》

由Peter Lubbers、Brian Albers和Frank Salim编著的《HTML5专业开发》 (Pro HTML5 Programming)一书,旨在帮助开发者们构建能够挖掘当今浏览器全部能力的HTML5应用。

?

该书主要涉及领域有:

  • Communication APIs :探讨构建实时和跨源(cross-origin)通讯的两大基础: 跨文档通讯(Cross Document Messaging)与XMLHttpRequest Level 2。
  • Convas API :介绍有关动态生成与渲染图形、图表、图像和动画的API。
  • Geolocation API :使用这个API,用户便可共享自己的地理位置,并在Web应用的帮助下享用位置感知的服务(location-aware services)。
  • Web Sockets API :定义了一个全双工传输的通讯通道,它在Web之上通过单个套接字进行工作。
  • Web Storage API :探讨HTML5 Web存储(也就是DOMStorage),该API令在多个Web请求间持久化数据变得简单。
  • Web Workers API :该API为Web应用提供了后台处理的能力。
  • HTML5音频与视频 :这些是HTML里新添的元素,它们为开发者提供了一套通用的、集成的、脚本式的处理音频与视频的API,而无需安装任何插件。

Apress出版社特许InfoQ发布该书第六章《使用HTML5 Web Sockets API》 ,并介绍该书作者之一接受InfoQ的访谈。

InfoQ与该作者进行了一系列问答:

InfoQ:你好,Peter!能否简单介绍一下自己,并谈谈你们为什么会写一本关于HTML5的书?

Peter: 我在Oracle工作了大约8年,然后在2008年成为Kaazing的第四名员工。从WebSocket API与协议(作为TCPConnection ) 被加入到HTML5规范开始,Kaazing就一直涉入其中,并且对HTML5的发展起到了重要作用。早在2008年,我们就已经开始提供有关 WebSocket的培训了,那时还没什么浏览器想到要支持它。我们的WebSocket网关能够完全(并且迅速)地模拟标准,所以你在IE6这种老式浏 览器上也可以使用HTML5 WebSockets。

在Kaazing,我负责文档与培训的工作。 Kaazing的创始人(Jonas Jacobi与John Fallows)是我在Orcale的同事,我曾帮助他们编校了2006年Apress出版的《JSF与Ajax》一书。正是他们建议我们三人―― Brian Albers(Kaazing的开发副总裁)、Frank Salim(Kaazing的“编码机器”)和我――写一本有关HTML5 WebSockets的书,可是我们发现市面上并没有HTML5的书,而且有关HTML5开发的资源也很少。

本书不是HTML5的入门书,也不是回顾HTML历史的书。 现在,我想我们都知道HTML5是个大项目,而本书会帮助你使用目前大多浏览器已采用的简单而又强大的API。

InfoQ:HTML5是什么?它要解决什么问题?你能介绍一下HTML5的各个部分以及它们之间的联系吗?

Peter: HTML5不仅仅是HTML的更新换代,它已经孕育很久了。之前最新的HTML(4.01)还是10年前发布的!

当我们谈及HTML5时,实际上它指的是包括HTML、CSS和JavaScript在内的一套技术组合。比如说,HTML5引进了新的画布 (convas)和视频元素。虽然它们自身已经非常强大,但你需要将其与JavaScript和CSS一同使用,其全部能力方能显现。

HTML5讲究简单性。它的一个理念叫做“沿着脚印铺路(pave the cowpaths)” [译注:这里字面意思为“沿着牛走过的脚印铺路”,在这里的意思是,如果一种做法已在开发者中间被广为采用,那么与其禁止它或发明新的做法,还不如考虑接 受它并采纳为标准],这意味着它致力于让之前困难的事情变得非常简单。HTML5还讲究原生的(native)浏览器功能。在HTML5里,你可以完成之 前依赖于插件(如Flash和Silverlight)或者必须用复杂的JavaScript脚本才能做到的事情。比如,HTML5引进了原生的表单控件 类型(日期、拾色器)与表格验证、原生的套接字(用于全双工通信)、原生的绘图API(SVG、画布)以及内置的位置感知(使用Geolocation API)。

InfoQ:目前的浏览器对各种HTMl5 APIs的支持如何?你认为未来会如何发展?

Peter: 浏览器对HTML5功能特性的支持正在以惊人的速度迅速增加――这是十分令人振奋的。许多流行浏览器(如Chrome、Safari、Firefox以及Opera)已经能够支持75%到90%不等的HTML5特性了,而这个数字还在不断增加。

你可以通过html5test.com 或caniuse.com 网站来查询你所使用的浏览器支持哪些功能特性;这是检查飞速变化的HTML5支持情况的好地方。

即使是一直处于落后的IE(IE6仅支持3%,IE8支持28%),在IE9中也“翻倍了”,支持将近60%的HTML5特性。其中一些功能还有硬件优化,这将推动其他浏览器加入进来。

InfoQ:你们的书中介绍了好几种HTML5 APIs。你能否举一些例子来说明,它们将如何帮助开发者构建更好的应用?

Peter: 当然!Web应用已经越来越与桌面的功能不相伯仲。 比如,在Kaazing,一位非常有才华的同事Frank Salim刚刚使用WebSockets与画布(convas)开发了一款VNC客户端――这在几年前(或者几月前)是无法想象的。

大体说,HTML5便于我们开发出更具状态性和事务性的Web应用。你可以使用WebSockets直接连接到远程服务器,你也可以使用 Geolocation API开发出位置感知的应用,并将他们与Map APIs相结合。你可以使用SVG和画布(convas)开发出令人惊奇的动画游戏(2D;但如果你愿意构建自己的浏览器,也可以是3D)。

各个APIs都很强大,你只要将他们结合起来,就可以开发出非常棒的应用。比如,HTML5支持用新的应用缓存(Application Cache)来开发脱机应用,也支持客户端Web存储(甚至是持久化存储,称为localStrorage),那么当然,你可以将脱机应用与存储漂亮地结 合起来;你可以进行脱机检查,而不必依赖不保险的浏览器缓存能力(点击“返回”后,之前的页面就没了)。现在,用户可以按他们所习惯的方式来使用整个应用 了:尚未发出的数据被保存在客户端,待应用检测出你在线后,数据才被发到服务端。

InfoQ:你认为目前HTML5中还缺少什么?还应该添加些什么?是否有新的APIs出现?现有APIs有修改吗?

Peter: 当然,还有很多东西需要打磨,浏览器也需要关注于互操作性。我们不应忽视HTML5原始的设计理念。我觉得,对各种 APIs的二进制支持(跨文档通讯与 WebSockets)是需要改善的,还有对3D画布的支持也需改进。此外,不同特性的无障碍性(accessibility)还需改善。

WebGL 不仅将OpenGL引入到JavaScript中,它也创造了一个通用的二进制数据API。高速的3D API需要二进制缓存,所以有人提议新推出一套用于操作二进制数据的API,称为TypedArray。如果该提议被采纳,TypedArray将在 HTML5中无处不在。

InfoQ:人们如何开发HTML5应用?有哪些主要工具可用于开发、调试和测试应用?

Peter: 目前还没有很多集成开发环境(IDE)支持HTML5。DreamWeaver CS5的HTML5包和Visual Studio都提供了语法补全支持,不过你也可以直接使用文本编辑器(如UltraEdit)或通用的IDE(如Eclipse)。

如今的浏览器调试功能非常强大,浏览器厂商们都在致力于为它们的开发工具增添一些很酷的功能。比如,Google Developer Tools与Speed Tracer、Safari Web Inspector、Firefox Firebug以及Opera Dragonfly,这些都是功能强大的浏览器调试工具。如果你有一段时间未跟踪此领域的话,你会对如此多的强大功能感到非常惊讶。

我发现我的浏览器每周都有功能更新。比如,Chrome刚刚支持对脱机应用的调试以及应用缓存的查看功能,此外,还可以通过控制台来访问Web SQL数据库――太强了!

InfoQ:对于准备使用HTML5进行项目开发的团队,你有什么建议?有什么特别需要注意的地方吗?有什么“最佳实践”吗?

Peter: 不要相信任何炒作,然后,再买本《HTML5专业开发》就没问题了 ;-)

说真的,现在有很多不错的资源。可以看看Google的html5rocks.com 网 站。另外,Paul Irish的html5boilerplate工具也很不错,它将多年经验融汇其中,并且采用了可以令你的网站与老式浏览器完美兼容的技巧与技术(一般来 说,这是个大问题)。我认为,html5boilerplate工具的文档(注释与代码片段)里包含了目前最好的最佳实践。此外,还有很多其他好网站也可 参考。

我也在全球范围内提供HTML5培训(HTML5快速追踪、Bootcamps以及WebSocket课程),所以,如果需要快速入门的话,尽管联系我。

InfoQ:对于HTML5新手来说,这本书哪些部分最有价值?对于有经验的开发者呢?

Peter: HTML5具有强大的简单性。

正像本书书名一样,《HTML5专业开发》面向的读者群是对HTML和JavaScript有一定了解、并且希望使用新的HTML5 API的开发者。

不过,由于HTML5讲究简单性,所以对于HTML、JavaScript和CSS新手来说,HTML5实际上要比看起来容易得多。我们希望本书能引发大家按有创意的方式来使用HTML5 APIs。

《HTML5 专业开发》讲解了如何使用新的HTML5 APIs,并通过实际例子展示了HTML5的功能特性,以及目前的浏览器支持其中哪些。我们挑选出了一些最常用的、实用而且强大的HTML APIs进行讲解,以便于读者快速上手。你将学习到如何使用HTML5的各种功能特性来开发Web应用,比如地理位置、Web存储、 WebSockets、Web Workers、画布、音频和视频等等。

你会看到这些功能如何结合起来,无缝地与其他标准Web技术工作。我们的例子使用了HTML5文档,并充分利用了浏览器的基本功能。

你可以在InfoQ找到更多关于HTML5 的信息。

?

原文:http://www.infoq.com/cn/articles/pro-html5-programming