InfoQ

InfoQ

新闻

我的书签

登录注册 以永久保存书签。

该内容已经被标记书签!

标记书签错误,请重试!

评论:前端的HTML5时代来临

作者 张克军 发布于 2010年5月10日

领域
语言 & 开发
主题
Web框架 ,
架构 ,
.NET ,
Java ,
RIA
标签
评论 ,
Flash ,
HTML 5 ,
CSS

今年MIX2010大会上微软的工程师在介绍IE9时,从前端技术的角度把互联网的发展分为三个阶段:第一阶段是Web 1.0的以内容为主的网络,前端主流技术是HTML和CSS,第二阶段是Web 2.0的Ajax应用,热门技术是Javascript/DOM/异步数据请求,第三阶段是即将迎来的HTML5时代,亮点是富图形和富媒体内容(Graphically-Rich and Media-Rich)。我也认同今年前端技术将进入一个崭新的时代,至少已经开启了这扇门。

Web 2.0时代把大量服务从桌面转移到网络上,B/S架框的应用迅速流行起来,这个时期Ajax和Javascript框架得到广泛的应用。网站成为提供Web服务的主要形式,但随着智能手机和3G网络的普及,手机应用和手机上的Web应用将会成为新的产品形态。原有的互联网产品需要对各种形式的终端提供友好的展现形式。比如豆瓣电台(douban.fm)目前就有网页版、iPhone版、Android版、不久还会看到HTML 5版和桌面版。网络逐渐变成一个传输和存储数据的透明仓库,向不同形式的产品终端输送数据。而且这个数据内容将会非常丰富,这就是微软眼中的富图形和富媒体内容,所以,IE9必须、也不得不支持SVG和HTML5的Video和Audio。

苹果推出iPad无疑又是一场革命,在拥有更大的多点触摸屏幕的终端上跑智能手机系统,把硬件成本降到一个足够低的程度,我想iPad和类似的平板电脑将会流行起来。同时也意味着,产品前端又增加一种形态。

PC上的Web应用受浏览器历史原因的束缚太大,在国内IE6等低端浏览器目前仍占据绝大多数的市场份额。因此这些不称职的平台需要靠第三方插件来弥补先天的不足,像Flash/Flex、Silverlight、JavaFx等,包括Google Chrome,本质上都是为了弥补浏览器的缺陷,当浏览器足够强了也就不需要这些插件了。智能手机出现的比较晚,所以完全没有历史包袱。现在的智能手机系统iPhone OS和Android加起来就占了90%以上的市场份额,默认的浏览器都是基于Webkit内核的HTML浏览器,对HTML 5和CSS3的支持比较好。这让HTML5和CSS3有了最佳实践的机会。产品形态向不同终端转变的成本因此大大降低了。这是HTML5技术升温的原因。

比如iPhone上的Mobile Safari浏览器支持HTML5的Canvas/Canvas2D、Video、Audio、Geolocation、Local Storage/Session Storage、Application Cache、Web SQL Database等,CSS3的3D/2D动画、RGBA、圆角、阴影和渐变等主要功能都支持。用你的手机浏览器访问http://html5test.com,可以测试一下都具体支持哪些。利用这些特性加上传统的Javascript/HTML/CSS就可以打造一个很强悍的Web应用。Paul Graham在2005年Web2.0时代来临时曾说“Javascript now works”,那现在可以说“HTML5 now works”了。HTML5发挥作用同时,也意味着HTML5&CSS3将成为前端开发者的必修技能。

HTML5和Flash之间的讨论前段时间很热。插件技术本身是在原生技术满足不了的情况下才会使用。在学习路线上,HTML/CSS/Javascript到HTML5/CSS3将是前端开发者的必修课,插件技术永远是选修课。Flash CS5将支持导出HTML5的Canvas,可见Adobe毕竟是一家软件公司,它会想办法实现不同技术之间转换和包容,有人说也许几年后Flash会成为Canvas开发工具,我们只需坐享其成。像从Flash到Flex再到AIR的发展过程中可见一斑。做为前端开发者来说,一定要身兼多技,但务必要先学好必修课。很多公司会设置一些专一性技术的职位,比如Flash开发工程师,这会误导一些人只学Flash,对日后的职业发展很不利。

套句老话“形势喜人,形势逼人”,前端技术越来越丰富,前端开发者的担子越重,越多东西要学。总之,玩起来吧!

作者介绍:张克军,前雅虎中国资深前端工程师,现豆瓣前端工程师,主要负责产品的前端架构和开发。热衷于前端领域的技术推广,是国内最活跃的前端布道者之一。个人网站:http://hikejun.com

手机领域 发表人 hu ecko 发表于
请问哪来的数据 发表人 xu ekay 发表于
Re: 请问哪来的数据 发表人 Liu Eric 发表于
Re: 请问哪来的数据 发表人 Yan Roger 发表于
Re: 请问哪来的数据 发表人 冯 希顺 发表于
HTML5时代 发表人 魏 俊杰 发表于
Re: HTML5时代 发表人 邓 国梁 发表于
信口开河 发表人 adolf adolf 发表于
Re: 信口开河 发表人 jiang rosen 发表于
Re: 信口开河 发表人 lin jing 发表于
不敢苟同 发表人 Angel Black 发表于
Re: 不敢苟同 发表人 Angel Black 发表于
Re: 不敢苟同 发表人 yubo zhou 发表于
Re: 不敢苟同 发表人 邓 国梁 发表于
不看好HTML5的 来凑热闹 发表人 幻想 最终 发表于
Re: 不看好HTML5的 来凑热闹 发表人 邓 国梁 发表于
  1. 返回顶部

    手机领域

    发表人 hu ecko

    即将投身手机领域

  2. 返回顶部

    请问哪来的数据

    发表人 xu ekay

    “现在的智能手机系统iPhone OS和Android加起来就占了90%以上的市场份额” 请问哪来的数据

  3. 返回顶部

    HTML5时代

    发表人 魏 俊杰

    HTML5不会阻碍Flash的发展,用户的需求只会越来越高,而标准却不会轻易变更,更不用提各大浏览器商对标准的支持程度,实现方式之间的差异。当HTML API终于发展到Flash3/4/5的水准的时候,Flash只会朝着为用户提供更高的更多功能的方向发展。没有一个标准可以涵盖所有用户需求,所以要让插件都消亡,很难。。。。
    Actionscript和Javascript都是基于ECMA4标准的语言,实际上,Actionscript3从很大程度上代表了ECMA Script的以后发展方向,所以单从语言上来说,学习Flash并不会导致职业发展不利。如果能全部精通当然很好,但是对于程序员来说,很少有公司可以让你什么技术都经常使用,什么都去做,尤其是大公司。

    技术通常都是为商业目的服务的,我不相信乔布斯说的因为怕flash拖慢iphone速度而拒绝flash进入iphone,同时用户也不可能HTML5是原生的而Flash是插件就拒绝浏览Flash,谁能创造利润,商人就会选谁,而对用户,谁能提供更好的体验,用户就会选谁

  4. 返回顶部

    信口开河

    发表人 adolf adolf

    作者是信口开河的典范。

  5. 返回顶部

    Re: 信口开河

    发表人 jiang rosen

    哈哈,其实我也正想这么说。
    去年我就说了,高兴这么早有用么?标准出来了?各大厂商都遵循了?一次编写,所以平台均运行正常?做梦吧.....
    君不见,现阶段,傲游、TT、搜狗、360安全,这些mod浏览器是怎么在遵循标准么?
    总结:现在乱七八糟,以后也一样。

  6. 返回顶部

    不敢苟同

    发表人 Angel Black

    克军兄的技术我一点都不怀疑,可是这文章我觉得就很不靠谱了。相信很多工程师和咱一样都这么认为。ie6浏览器不死,就不要谈html5。虽然说圆角,换色,型变css都支持了,html5也有了画布和图形编程支持。可是不要忘了,用户有相当的人数使用的还是ie。并且很多人并不知道如何升级浏览器。

  7. 返回顶部

    Re: 不敢苟同

    发表人 Angel Black

    不过可喜的是 win7 的市场宣传做的不错,虽然在中国使用正版 window 的家庭用户很少.不过多少 win7 的销售还是超过了 vista ,相信越来越多的用户能使用上ie7+ . ie6 的份额在不断的萎缩.相信支持高级css属性的日子越来越近.但是浏览器使用的核心的问题无法得到解决,虽然有标准,但是IE一直没有遵守,而且在中国又多了很多TT浏览器,绿色浏览器,遨游浏览器等一些乱七八糟死抱着IE核心不放的顽固份子.支持CSS3就更加难了.毕竟很多CSS3效果在IE8-上是全军覆没的.

  8. 返回顶部

    Re: 请问哪来的数据

    发表人 Liu Eric

    对这个数据持怀疑。

  9. 返回顶部

    Re: 不敢苟同

    发表人 yubo zhou

    作为设计师来说,前端工程师来说,不理解渐进式,过渡式这才是最悲哀的事情!
    难道真的是IE6不死,我们就没有什么可做的了吗?
    难道真的是ie不死,我们就没有什么可做的了吗?

    克军兄的技术我一点都不怀疑,可是这文章我觉得就很不靠谱了。相信很多工程师和咱一样都这么认为。ie6浏览器不死,就不要谈html5。虽然说圆角,换色,型变css都支持了,html5也有了画布和图形编程支持。可是不要忘了,用户有相当的人数使用的还是ie。并且很多人并不知道如何升级浏览器。

  10. 返回顶部

    Re: 请问哪来的数据

    发表人 Yan Roger

    数据明显是信口开河,根据comScore的统计,截止2010年2月,iPhone OS占25.4%,Android占9%,加起来也不到一半。不要忘了曾经的智能手机老大黑苺,瘦死的骆驼比马大,目前仍占42%的市场。
    参考android.google.org.cn/posts/comscore-android-ma...

  11. 返回顶部

    Re: 请问哪来的数据

    发表人 冯 希顺

    当一个人赖以为生的、可能还引以为豪的技术不再主流或可能将要被非主流了,偶尔屁股决定脑袋是可以理解的。事实上,很多人使用某种技术多数情况下不是自己所能决定:例如参与的某个项目使用,那就只能使用了——这不是你的错。不过,作为一个IT从业者,对技术趋势的基本判断能力还是要有的。

  12. 返回顶部

    不看好HTML5的 来凑热闹

    发表人 幻想 最终

    在HTML + CSS的时代,前端开发人员都会因为不同浏览器对HTML,CSS,JavaScript的解析和支持程度不同,而乐此不比的寻找hack来使自己的网站适合大部分流行的浏览器,说实话这些工作不仅头痛而且无聊和乏味,而且出来的成果很不稳定,一旦某些浏览器有一些更新,说不定你的网站就有要跟着调整。 HTML5会有很大的改善么,我想未必。。。

  13. 返回顶部

    Re: 不敢苟同

    发表人 邓 国梁

    html5已经考虑进去了很多向下兼容的问题,完全可以给旧的浏览器做优雅降级。当一项技术被完美支持的时候才去学,才尝试去用,为时晚矣。

  14. 返回顶部

    Re: 不看好HTML5的 来凑热闹

    发表人 邓 国梁

    我敢断言,html5对您所说的问题将不会有任何帮助,html6也不会,浏览器不能正确解析代码,那可不是html的问题。

  15. 返回顶部

    Re: HTML5时代

    发表人 邓 国梁

    为什么提到html5就非要跟flash做比较呢? 能实现动画效果的大多是css3,而不是html

  16. 返回顶部

    Re: 信口开河

    发表人 lin jing

    傲游、TT、搜狗、360安全 不都是ie的外壳吗?很标准的。

深度内容

大规模视频网站的计费与流量管理

本次分享将会就大规模视频网站的计费与流量管理这个话题,从操作层面细细进行讲解和分析,为系统工程师们揭示平日里我们没有关心的另一些内容。同时也希望本次分享能揭示行业中的一些“潜规则”,让互联网行业的流量与带宽管理更为开放与简洁。
本次演讲视频录制于QCon杭州2011

专访Jeffery Richter:Windows 8是微软的重中之重

Jeffery Richter以其多本Windows核心技术的经典著作而闻名,同时,他深入掌握微软的.NET等一系列核心技术,2012年1月,Jeffery Richter在北京接受了InfoQ中文站的专访,谈到Windows 8和WinRT编程,并就异步编程、Windows编程中的可扩展性、性能和安全性方面给出自己的建议。

应用云平台的可用性——从新浪SAE看云平台设计

云计算平台的可用性,相比传统互联网服务而言,更加复杂和困难,也更具有挑战性。本文借助新浪SAE云平台为读者讲述了云平台可用性的定义、如何打造高可用的平台,以及对云计算的用户提出了建议。

JVM定制改进 @ 淘宝

淘宝高度重视Java平台的健康发展,组建了一个团队专注于Java平台的底层部分的性能、功能与稳定性改进;工作主要基于OpenJDK中的HotSpot VM开展,其中一些通用的功能随后也会逐渐反馈给OpenJDK社区。希望能与使用Java平台开发应用的大家交流经验。
本次演讲视频录制于QCon杭州2011

"伤得起"的云计算应用——对云端应用之架构的思考

2011年4月21日至22日是值得云计算从业者纪念的日子。Amazon的IaaS服务出现故障,导致许多商业网站的服务中断,影响非常严重。作为云计算用户,我们需要思考的是,如何保证即便在云服务不可用的情况,我们的应用架构仍然能够屹立不倒?本文正是站在云计算用户的角度试图探讨这一问题。

让交付的速度跟上思考的速度

12人的技术团队,4组刀片服务器,每月20亿的访问量,每日1次准时部署,99.9%的可用性。这可能吗?当然。想知道如何做的吗?百姓网将与您分享他们在DevOps实践过程中的经验和技巧。
本次演讲视频录制于QCon杭州2011

架构之路——穿行在产品和业务之间

篱笆作为一家起源于社区的电子商务公司,反映到技术层面就是同时要面对产品和业务,以及经营战略的变化调整。如何在产品和业务的夹缝之间完成技术架构的抽象与平衡,寻找更有效的价值定位,这当中有些经验教训和个人感悟愿与众人分享。
本次演讲视频录制于QCon杭州2011

特性注入:成功三部曲

本文将对特性注入以及相关方法做一个扫盲性的介绍。我们会解释这个框架的关键要素,并附上实例来证实它们。为了让文章保持相对较短,我们不会深入到某个工具或方法中,而是会给出一些参考资料,以便大家做进一步的研究。