科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道应用软件Google Web Toolkit (GWT)2.0 新特性

Google Web Toolkit (GWT)2.0 新特性

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

GWT 2.0的新特性有:Speed Tracer——一个性能分析工具、开发模式、UiBinder、布局面板以及更多的JavaScript代码级优化。

来源:朱少民的博客【原创】 2009年12月14日

关键字: JavaScript 特性 gwt

  • 评论
  • 分享微博
  • 分享邮件

GWT 2.0的新特性有:Speed Tracer——一个性能分析工具、开发模式、UiBinder、布局面板以及更多的JavaScript代码级优化。

使用GWT构建的Speed Tracer(ST)是最有吸引力的GWT插件。它是一款针对Chrome的性能分析工具,可以用来分析任何web应用,不仅仅是GWT应用。ST是一个Chrome扩展,因此必需开发版的Chrome 4来安装它。

ST包含两个主要的视图:sluggishness和network。前者会显示UI随着时间变化的响应度,而后者会显示同一时间段的网络活动情况。也可以使用开始/停止/录制这样的命令来帮助分析某一个时间段。

 

GWT 2.0其他一些重要的特性有:

 

开发模式(DM)

这是一个全新的GWT开发插件,来帮助在任何浏览器中调试GWT应用。这意味着可以在自己的浏览器中把GWT调试功能和自己喜欢的工具结合起来使用,比如Firefox中的Firebug。
可以在一个session中监控多个不同的浏览器。
DM不仅可以运行在本地,也可以跨越网络,来测试任何浏览器-操作系统组合环境甚至是真实环境中的web应用。
新的GWT Eclipse插件集成了开发模式:可以在Eclipse内部开始、控制以及显示调试信息。开发模式也可以在Eclipse以外的任何Java IDE中实现。

UiBinder是一种声明式方法,用于创建基于GWT的UI。组成用户界面的widget是声明在模板XML文件中的,并且跟Java类相关联。这样就带来UI和业务逻辑的分离。GWT的Eclipse插件中有一个向导来帮助开发者编写模板文件、代码完成以及重构。

UiBinder模板也可以包含widget相关的CSS样式。这意味着一个widget可以用在不同的应用,但保持着相同的外观。

布局面板

引入基于CSS的布局面板,使得创建出一个在任何浏览器中外观一致的应用成为可能,而这在以前是很难实现的。有个邮件的例子演示了这个布局面板。UiBinder也可以用来对面板进行布局。

编译器

GWT 2.0还引入了代码分割。这意味着编译后的代码可以分割成两块甚至更多。这样就可以无需等待应用全部加载完就把应用启动起来。代码分割是通过在自己需要的分割点调用GWT.runAsync()来完成的。编译器可以确保分割完的代码块所需的依赖得到及时加载。

生成的JavaScript代码大小可以优化3-20%。

GWT是一款基于Apace许可的开源项目,现在版本是2.0。它的SDK、Speed Tracer和Eclipse插件可以在这里免费得到
.
作者 Abel Avram 译者 张凯峰
http://www.infoq.com/cn/news/2009/12/Speed-Tracer-GWT-2


 

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章