浅谈常见的前台技术（QClub活动记录）

 

7月23日有幸参加了在大连举行QClub活动，听到了两个精彩的演讲，并且在最后的Open Space阶段，作为主持人参与讨论了一个话题。此行很有收获，希望大连以后能有更多的技术交流活动，这对于推动大连的IT环境发展大有益处，非常感谢侯伯薇的辛苦组织。

因为我对前台技术比较熟悉，因此参与的主题是关于前台UI技术的讨论。我介绍了一下自己对使用过的几个JS框架（jquery、ExtJS以及dojo）的理解，并简单比较了其优势和不足，这个话题得到了不少朋友的响应，因为对于常见的JS框架，很多的朋友都有着自己的使用心得。大家普遍使用比较多的JS框架是Jquery和ExtJS，我对dojo比较熟悉，因此也做了简单的介绍。

 

• jQuery：轻量级的框架；支持插件式开发；网上有大量的第三方插件可供使用和学习；丰富的和完善的文档及图书可供学习使用；在实现很炫的互联网效果时优势明显；提供了非常便利的dom操作工具。 稍微不足之处在于：官方的UI组件比较少，而网上的插件可能会存在样式各异、编码风格不一致的问题，如果进行整合，可能会有一些工作量。
• ExtJS：提供了丰富完整、样式统一的UI组件，基于此可以快速构建复杂的业务应用，基本上所有需要的功能都能通过其实现，完善的文档。不足之处在于：比较重量级，在复杂的业务界面中可能会出现大量的JS代码而对应的页面部分（JSP或HTML等）往往只会有一个简单的div，会造成维护的困难，另外新版本的ExtJS在商业使用上会有版权的问题。在分组讨论时，一位朋友分享了使用ExtJS的一些心得，对提升其可维护性有所帮助，具体为：培养良好统一的编码习惯；选择合适的组件；明确组件间的继承关系。
• dojo：本身为功能非常强大的类库，但并不为大家所熟悉。其优势在于完善的类和包管理机制，方便的实现类定义和多继承；对常见的dom操作和事件机制都进行了很好的封装；实现了其UI组件——dijit，并具有定义良好的生命周期；页面上使用标签方式定义，对于熟悉taglib的开发人员没有陌生感。不足之处在于：文档和资料（尤其是中文的）很少，学习曲线稍高（在此推荐dojo中文博客：http://blog.csdn.net/dojotoolkit/）。

基于对框架的讨论，总结了JS框架的存在价值：

• 有些框架实现了类似于静态语言的类机制，提高了代码的复用度和可读性，对普通开发人员隐藏了JS复杂的类和对象机制；
• 在前台开发中，大多封装了很多的工具类，如dom、事件以及浏览器兼容性的问题，极大提升开发人员的效率；
• 对于Ajax请求进行了很好的封装。
• 框架提供的UI组件对优化界面设计大有益处。

因为各个框架均各有其特点，应该按照使用的场景进行权衡，正如侯伯薇在演讲中提到的，没有一成不变的架构，要根据实际的场景不断进行思考和分析。在进行互联网领域开发时，jQuery应该是不错的选择；而企业级开发可以考虑使用ExtJS，当然前提要解决版权的问题。在讨论的过程中，大家普遍对JS的类机制感到迷惑，对于提升前台性能很关注，我以后会写点东西分享自己的些许经验。

除了JS框架外，对于其他的前台技术如Flex、GWT也进行了讨论。一位朋友还很热情地介绍了其使用Flex的新模式，即不使用第三方语言，用Flex直接实现对后台数据库的访问，他们的实现完全是自己写的，这对于开发小型系统来说会很有效，能够快速的开发出满足要求的产品，在复杂应用中，也可以借助这样的方式快速开发出原型。

除此以外我们还讨论了一些关于Node.JS的话题，昨天上午其刚刚发布0.5.1版本都支持window系统啦！Node.JS是一个JavaScript的后台框架，其无阻塞、长连接的特性注定其会有更大的发展，值得开发人员对其进行关注，本期InfoQ的《架构师》杂志有这样一个专题。但现场的朋友们对其了解还比较少，希望下次能有机会对这个话题进行更深入的交流，我个人的最新学习心得也会在这个blog上与大家分享。

流水账似的记了这么多，说一点自己的感想吧，在交流的中发现了自己在沟通能力方面还有许多的不足；也觉得自己在技术上有许多的不扎实之处，交流的过程也是对自己进行反思的过程，希望更多的朋友们加入进来。比较遗憾的是因为各自主持一个小组，未能与孙伟（关于职业发展）和张爽（关于互联网架构）进行更多的交流，期待下次的机会吧。