BT

2010年InfoQ中文站前端技术总结

作者 崔康 发布于 2011年1月13日 | 被首富的“一个亿”刷屏?不如定个小目标,先把握住QCon上海的优惠吧!

随着Web 2.0深入人心,前端技术发展呈现百花齐放之势,无论是各个RIA厂商对自身技术的推陈出新,还是浏览器厂商对RIA技术的追逐,都表明前端技术已经在软件开发社区中占据了重要的地位,而且还在不断上升,InfoQ中文站总结了过去一年前端技术的精彩报道,以馈读者(有关HTML 5的回顾部分请查阅2010年架构社区回顾:悠长的一年)。

实战

所谓“实践出真知”,一线的前端架构师和开发人员通过InfoQ中文站分享了他们的宝贵经验。

  • 构建前端UI组件的新思路
  • 前端UI组件,目前流行的实现方式大多源自传统客户端的UI设计体系。无论是早期的Bindows,还是近几年兴盛的ExtJS,其UI组件都在模仿客户端软件,代码实现建立在复杂的继承体系上。好处是可以构建出和客户端体验一致的一整套UI组件,但弊端也很明显:组件长得都差不多,代码则继承太深,牵三挂四,不够轻便。如何才能让前端UI组件轻便灵活起来呢?首先得意识到Web UI设计有自己的独特性。Web页面可分为两种:一种是以展现信息为主的Web页面(web page),另一种是以操作信息为主的Web应用(web app)。对复杂的Web应用来说,可以采用ExtJS等类库来构建类客户端体验。但是,越来越多的Web应用已逐步脱离模仿客户端的阶段,开始从Web的独特性出发,将传统UI组件的功能融入到Web页面中。

  • Dojo框架:误解与现实
  • 目前可以使用的JavaScript框架非常之多,比较流行的也有十多种。这些流行的JavaScript框架包括jQuery、Dojo、YUI、MooTools、Prototype、Ext JS、Google Closure等。这些不同的框架有着各自不同的优势和不足,也有着对应的不同的适用情景和范围。由于工作的关系,作者对Dojo框架的使用最多,对于其它框架也有一定的了解。本文的目的是希望澄清一些对于Dojo框架的误解,从而帮助开发人员选择合适的框架。

  • RIA的强力后盾:REST+海量存储
  • HTTP从被发明开始就被人误解至今,在其创始人Roy博士的博士论文中提出了REST的概念,还原了HTTP的真实作用,54chen将以淘宝的开源项目openResty来介绍REST的真实存在及其价值。人人网作为国内领先的专业SNS社区,在海量内容存储方面遇到的问题和大多数大型网站一样,如何从容应对稳步增长的数据和访问,成为一个有意思的议题,借用人人网nuclear的开发经验介绍海量存储原理。最后结合REST、海量存储以及RIA技术,从RIA开发者角度展望未来HTTP发展方向。

  • Ajax应用开发:实践者指南
  • 目前的Web应用开发基本上都是围绕富互联网应用展开。RIA的实现技术有很多种:AjaxFlashJavaFXSliverlight等。Ajax技术的优点在于它是构建在开放标准之上,不存在厂商锁定的问题;同时也不需要额外的浏览器插件支持。Ajax应用对搜索引擎也比较友好。对开发者来说,Ajax所需技术的学习曲线也较平滑,容易上手。本文简要介绍了Ajax应用开发的各个方面以及相关的最佳实践,但对一些细节内容没有展开讨论。

  • Silverlight之轻
  • 在企业应用的前端开发中,Ajax、Flash和Silverlight争奇斗艳,各有千秋。这次InfoQ中文站有幸邀请到来自中国人寿的Silverlight专家吴磊先生,为读者分享他的Silverlight在企业应用开发中的丰富经验。

  • 基于Adobe AIR的社交应用开发及案例研究
  • 目前在各个领域已经涌现出了许多优秀的使用Adobe AIR技术开发的客户端软件,例如在社交应用领域,就有著名的TweetDeck,Twhirl,Spaz,Seesmic Desktop等等。他们可以支持Twitter, Facebook,FriendFeed,Myspace等国外常用的社交网站。作者是一位JavaEE和Flex开发者,但曾经做过Web设计师的工作。在使用如上社交应用的同时,作者发现中国相应的应用非常稀少,因此萌生了为中国现有的社交网站开发应用的想法。目前作者开发的豆瓣网应用DoubanTalk、豆瓣桌面客户端以及新浪微博客户端都受到了网友的热烈欢迎。

  • 百万级访问量网站的技术准备工作

    当今从纯网站技术上来说,因为开源模式的发展,现在建一个小网站已经很简单也很便宜,所以很多人都把创业方向定位在互联网应用。这些人里大多数不是很懂技术,或者不是那么精通,而网站开发维护方面的知识又很分散,学习成本太高,所以这篇文章将这些知识点结合起来,系统的来说,一个从日几千访问的小小网站,到日访问一两百万的小网站,中间可能会产生什么问题,以及怎么才能在一开始做足工作尽量避免这些问题。

性能

富互联网应用的界面迟早会遇到性能问题,如何避免或者解决性能瓶颈,一直是社区关注的焦点之一,InfoQ中文站也对此做了大量报道。

  • 不应忽视的HTML优化
  • 随着Web2.0技术的不断发展,Web前端的优化受到越来越多的关注,特别是JavaScript和CSS优化的讨论一直是热点,工具也相对丰富,而对HTML优化则有所忽视,最近,来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。

  • W3C宣布成立Web性能工作组
  • W3C在其官网上宣布成立Web性能工作组(Web Performance Working Group),由来自Google和Microsoft的工程师担任主席,任务目标是制定衡量Web应用性能的方法和API。

  • Web 2.0应用客户端性能问题十大根源
  • Web 2.0应用的推广为用户带来了全新的体验,同时也让开发人员更加关注客户端性能问题。最近,资深Web性能诊断专家、知名工具dynatrace的创始人之一Andreas Grabner根据自己的工作经验,总结了Web 2.0应用客户端性能问题十大根源,InfoQ中文站将这十个问题做了概括整理,供Web开发人员借鉴和思考。

  • Google提出Web性能优化新方法——Diffable
  • Google Maps的开发人员Josh和James最近提出并实现了一种Web性能优化新方法——Diffable,即在浏览器加载Web页面时,促使其比较相关文件(Html、JavaScript等)在服务器端和客户端缓存区的版本并只下载差量(Deltas),降低网络下载造成的延迟。本文简要介绍了Diffable方法的背景、原理、优势和实现情况。

  • 康伯谈淘宝双十一事件中的CDN优化
  • 本采访是淘宝双十一事件深度报道的一部分,被采访者是淘宝研发中心的康伯,淘宝CDN团队的负责人。围绕淘宝双十一事件他向我们介绍了淘宝CDN团队在事发前后采取了什么样的措施来预警,和解决突如其来的双十一访问高峰带来的压力。

浏览器

浏览器是前端技术的推动者和检验者,一方面各个浏览器争相支持各种最新前端技术,另一方面它们的兼容性问题也让开发人员头疼。

  • 剖析IE浏览器子系统的性能权重
  • 如何从浏览器角度剖析性能问题呢?微软IE开发团队年性能主管Jason Weber在一篇博文中介绍了IE浏览器的各个子系统,并通过实验数据展示了不同网站对浏览器子系统的性能影响和权重,InfoQ中文站对相关内容做了整理,希望对浏览器开发人员和Web应用开发人员有所帮助。

  • Google和Mozilla相继推出浏览器应用商店
  • 在Google最近推出Chrome Web Store商店之后,Mozilla也表示将在2010年初发布浏览器Web应用商店,其所倡导的“开放Web应用生态系统”预计将会给Web社区带来更多发展机会。

  • Chrome发布提速、Safari支持插件扩展
  • 虽然Google是浏览器市场的新军,但是其表现一直不俗:不仅性能出色,而且发布速度也很快。Google宣布Chrome的发布再次提速,大约每两周交付一个稳定版本。苹果发布了Safari浏览器的新版本升级,正式引入了Extensions插件扩展功能。

迷你书

  • 构建高性能Web站点(精选版)
  • 构建高性能Web站点》围绕如何构建高性能Web站点,从多个方面、多个角度进行了全面的阐述,涵盖了Web站点性能优化的几乎所有内容,包括分布式缓存、Web负载均衡、内容发布和同步、数据库监控、性能监控等。本迷你书从中精选出5个章节。

  • 富互联网应用之美
  • 本迷你书是RIA领域的专家和实际从业者的知识共享和经验总结,范围之广涉及趋势、技术、框架、语言、应用、性能等,是InfoQ为大家打造的一本居家学习之RIA必备读物。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个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通知我

讨论
提供反馈
错误报告
商务合作
内容合作
Marketing
InfoQ.com及所有内容,版权所有 © 2006-2016 C4Media Inc. InfoQ.com 服务器由 Contegix提供, 我们最信赖的ISP伙伴。
北京创新网媒广告有限公司 京ICP备09022563号-7 隐私政策
BT

We notice you’re using an ad blocker

We understand why you use ad blockers. However to keep InfoQ free we need your support. InfoQ will not provide your data to third parties without individual opt-in consent. We only work with advertisers relevant to our readers. Please consider whitelisting us.