天翼空间专家讲坛第6期回顾:HTML5开发实践(含资料下载)

标签: 天翼 空间 专家 | 发表时间:2012-05-31 02:15 | 作者:
出处:http://pipes.yahoo.com/pipes/pipe.info?_id=10560380f804c7341f042a2b8a03e117

在5月24日,由天翼空间·开发者工厂主办,InfoQ协助策划的 第六期专家讲坛活动上,来自正益无线(APPCan)HTML5应用研发团队研发总监朱炳芳向大家分享了在HTML5开发中的一些经验,并针对开发移动版HTML5应用中常见的问题进行了解答。

HTML5实例讲解讲稿下载

朱炳芳首先通过一个比喻说明了HTML5目前的优势:

  • HTML5的优势:HTML是骨 CSS是皮 JS是肌肉
  • HTML5是强悍坚固的骨架
  • CSS3是精致到每个毛孔的皮肤
  • JavaScript是久经考验的肌肉

目前所常见的HTML5新标签主要分为结构性标签、级块性标签、行内语义性标签、交互性标签:

  • 结构性标签:section,header,footer,nav,article
  • 级块性标签:aside,figure,code,dialog
  • 行内语义性标签:meter,time,progress,video,audio
  • 交互性标签:details,datagrid,menu,command

同时,HTML5标准中还增加了Web Storage、Notification、Web Database、Web Worker、WebSocket等Web API,针对设备层面还有Geolocation、File和Contact等。此外,CSS3中也增加了文字、边框、阴影背景、选择器、动画、布局和媒体查询等特性。

朱炳芳接下来还谈到了开发移动版HTML5时的主要考量点:

  • 手机屏幕尺寸不一
  • 对css3支持度的缺陷(由标准尚未统一造成)
  • Web API支持不够完善
  • 手机Webkit运行效率问题

由于iOS和Android采用Webkit引擎,对HTML5的支持比较到位,在讲解最后,朱炳芳还与大家分享了通过media区别不同分辨率、通过定高型布局和伸展型布局来解决布局问题的具体实现。

在问答环节,朱炳芳回答了一些网友的提问,详细信息如下:

问:HTML5的视频是以什么形式播放的?需要调用第三方浏览器吗?
答:HTML5视频是由浏览器去调用系统播放器。但是不同的商家对视频的格式不一样。

问:HTML5 使用Canvas组件,在手机上用浏览器访问动态效果比较慢?是否有更好的解决办法?
答:真没有,这就需要用手机的硬件去提升了。并且软件也需要完善,特别是在Android上。

问:我的问题:HTML5,实际应用起来,是不是对服务器有特别的要求?有哪些要求?
答:配合服务器,可以做文件离线存储。以及一些API比如Web Worker,Websocket都需要在网络环境下并做些支持工作。

问:1.对于一个初学HTML5的菜鸟,你有什么好的建议呢?
答:最近的一本书《论道HTML5》还不错。当然最好是做一些项目,实战中提升能力。

问:如今HTML5在很多领域都获得了认可,看到HTML5有一个对“离线开发应用”的应用,这个功能是否已经较完善,
答:manifest文件就是用来做这些工作的。但配manifest需要Web服务器的支持。

问:想问一下朱老师 在WindowsPhone中HTML5的支持情况?
答:WP7支持HTML5跟iOS比,基本上是一半的水平。但是据说在Win8中会支持比较全面。

问:HTML5在Android上那么多问题,是Android系统自身的原因吗?
答:嗯,是webkit版本不断更新,且Android碎片化太严重。版本升级也不好控制。

问:请问老师,一般触摸后移动几个像素以内可以视为点击 ?
答:需要设开关,触摸开始,开,触摸结束,关。然后在触摸过程中,看移动位置,可以大致模拟出点击事件。

关于专家讲坛

天翼空间开发者社区专家讲坛是天翼空间开发者社区( www.189works.com)2012年针对开发者推出的一项提升专业能力的系列讲座,每周四晚,邀请移动互联网开发领域的权威专家,通过语音频道专题讲座,线上论坛访谈,以及微博、QQ群线上同步直播的形式,为社区的开发者用户提供系统的技术讲座,答疑,以及运营知识方面的培训。

往期内容回顾

关于专家讲坛更多详情, 请浏览官方网站。InfoQ也会对后续的活动进行跟踪报道。

关于社区活动的更多详情,欢迎查看InfoQ维护的 社区活动日历,也欢迎关注InfoQ官网微博( @InfoQ),获取实时的活动信息!

贾国清 是InfoQ中文站高级策划编辑,热爱生活,喜欢旅游和体育运动。

  • 本文所属的特别专题为 RIA

相关 [天翼 空间 专家] 推荐:

天翼空间专家讲坛第6期回顾:HTML5开发实践(含资料下载)

- - InfoQ cn
在5月24日,由天翼空间·开发者工厂主办,InfoQ协助策划的 第六期专家讲坛活动上,来自正益无线(APPCan)HTML5应用研发团队研发总监朱炳芳向大家分享了在HTML5开发中的一些经验,并针对开发移动版HTML5应用中常见的问题进行了解答. HTML5实例讲解( 讲稿下载). 朱炳芳首先通过一个比喻说明了HTML5目前的优势:.

黑白空间

- 电饭锅 - 设计|生活|发现新鲜
设计师Oki Sato带给我们的黑白空间设计,强烈的素描感. 让你置身平面又似立体空间之中,单看图片眼球就有较强的视觉冲击感,想必如果身处其中的话,一定会迷失. 「设计,生活,发现新鲜」在新浪微博,更即时地获读更新,更直接地交流沟通. © 设计|生活|发现新鲜 | 原文链接 | 投稿 ! | 新浪微博 | 逛逛我们的在线商店.

天翼QQ号码开放注册

- CarlNERV - 什么值得买
近日中国电信与腾讯公司合作专为天翼手机用户(133/153/180/189)开放“手机号=QQ号”的天翼QQ服务,号码长度为11位,可以不花一分钱来注册和手机号码同样的QQ号,这意味着如果你的手机号是13333333333,那么你可以得到一个同样号码为13333333333的QQ号,对于手中持有优质天翼号码资源的朋友来说应该会很心动吧.

时间与空间

- 马都 - 博客李淼
(《Vision》文章,勿转). 时间与空间这两个概念是物理学的基石,也是我们人类甚至动物依靠直觉就具备的概念. 我们判断一个物体的位置,我们从一个地点走到另一个地点,涉及到空间这个概念. 在小学,我们就开始学习一些简单的几何概念,例如三角形,三角形中的三个角有锐角、钝角和直角. 到了中学,我们还学一点立体几何和解析几何.

Oracle表空间(tablespaces)

- - 博客园_首页
  我们知道oarcle数据库真正存放数据的是数据文件(data files),Oarcle表空间(tablespaces)实际上是一个逻辑的概念,他在物理上是并不存在的,那么把一组data files 捻在一起就成为一个表空间. 一个数据库可以包含多个表空间,一个表空间只能属于一个数据库. 一个表空间包含多个数据文件,一个数据文件只能属于一个表空间.

表空间传输

- - 数据库 - ITeye博客
Oracle 的可传输表空间特性通过将 元数据和数据文件 简单地从一个数据库移动到另一个数据库,提供 在数据库之间有效移动大数据的一种简易方法. 代替重新创建对象,可移植表空间可以让 毫不费力地移动大对象,而所花费的时间是你手动创建这些对象的时间. 可移植表空间包括将属于源数据库的所有数据文件拷贝到目标数据库,并将关于表空间 数据目录信息从源数据库拷贝到目标数据库.

中国电信和腾讯正式推出天翼QQ业务

- 洞箫 - cnBeta.COM
中国电信和腾讯正式推出天翼QQ业务,目前已经开放注册. 电信180/189/133/153手机号码均可注册为QQ号.

声控助理 天翼讯飞Android版畅听全天候

- 同道|贾怀军 - cnBeta.COM
苹果对于语音指令感兴趣并不是一件新鲜事,在2010年4月苹果收购了一家公司Siri,该公司制作的应用程序就能够让用户通过语音操控自己的iPhone手机. 其实声控功能并不是新鲜事物,早在多年前笔者就在黑莓等品牌手机上使用过声控拨号,不过当时的声控准确性和易用性还不够完善. 而近期由中国电信和科大讯飞联合推出了一款Android通讯增强应用――天翼讯飞.

纽约的极简空间

- wonder laura - 蘑菇爱生活
“少意味着更多”,这是极简主义的精髓. 这是建筑设计师elizabeth roberts位于纽约的家,由旧工厂改造而成的loft空间. 本着极简主义的设计思想,设计师将它刷白,铺上地板,布置好家具,于是呈现给我们一个带着古典主义,却又充满时尚感的空间. [上图]深色的木地板给空间铺上了古典主义的感觉,墙及天花刷白,使空间透亮.

假期与个人空间

- 枫 - 小步的漫画日记
啧啧...发上来才发现这次的字有点小...下不为例吧= =|||. 希望大家都能以愉快的心情去迎接假期后的学习和工作~ (^^)/. PS:上一篇微博...我稍微透露点...除了字面意思外,“差”字还是多音字.... MSN空间完美搬家到新浪博客!.