BT

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

作者 崔康 发布于 2011年1月13日 | ArchSummit全球架构师峰会(北京站)2016年12月02-03日举办,了解更多详情!

随着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

我们发现您在使用ad blocker。

我们理解您使用ad blocker的初衷,但为了保证InfoQ能够继续以免费方式为您服务,我们需要您的支持。InfoQ绝不会在未经您许可的情况下将您的数据提供给第三方。我们仅将其用于向读者发送相关广告内容。请您将InfoQ添加至白名单,感谢您的理解与支持。