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

糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖糖

于 2011-01-13 06:11:00 发布

阅读量165

点赞数

本文链接：https://blog.csdn.net/cpongo4/article/details/89164831

版权

随着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的实现技术有很多种：Ajax、Flash、JavaFX和Sliverlight等。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团队在事发前后采取了什么样的措施来预警，和解决突如其来的双十一访问高峰带来的压力。