BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

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

| 作者 贾国清 关注 0 他的粉丝 发布于 2012年5月31日. 估计阅读时间: 5 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

在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账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT