浅谈常见的前台技术(QClub活动记要)

浅谈常见的前台技术(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上与大家分享。

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

 

1 楼 houbowei 2011-07-25  
下次活动一定送你一本书,:)
2 楼 lengyun3566 2011-07-25  
houbowei 写道
下次活动一定送你一本书,:)

哈哈,期待……