GWT布局面板与CSS布局

我读了一篇题为“ Tags First GWT”的文章,其中作者建议使用GWT进行事件处理,CSS用于布局.我只是不知道GWT的跨浏览器兼容性好处的好处是否超过了纯CSS布局提供的灵活性.

GWT

GWT 2.0有一些奇怪的布局面板,但为了让他们正确调整大小,你真的需要从根面板下面构建整个面板包含树.这是一个全然或没有的事情,似乎.

CSS

您也可以使用CSS来布局应用程序,而且我也倾向于仅仅为了证明我购买几本推荐“语义标记”福音书的书籍.缺点可能是跨浏览器的不兼容性,我的流行程度我还没有确定.

哪种方式去?

你有什么意见?跨浏览器问题是否足够糟糕,足够流行,以保证我的CSS书籍翻滚,并使用GWT布局面板进行构建?

解决方法

我同意作者的建议 – 使用GWT进行客户端逻辑,但仍然使用HTML和CSS进行演示.

新的UI Binder&声明式UI模式实际上鼓励您编写HTML和CSS.它更容易为设计师,并使您的代码可维护.您可能想要阅读GWT HTML layout conventions on SO – 它解释了如何混合Widgets和plain-html / css以获得两个世界的优势.

UI Binder可以使用< ui:style&gt使用< ui:style>可以生成特定于该文件的CSS. GWT会自动模糊和优化您的CSS.另外,如果您错误地使用css类名称,那么它会给您一个编译时错误(这是非常好的),而不是在页面部署时找到它.

在< ui:style>内,您可以放置​​任何有效的CSS. UIBinder还具有包含全局样式表的方法.此外,CSS中的背景图像可以自动合并为精灵/数据:用于表现的uris.

要了解更多信息,建议您阅读UI Binder Guide,然后按照Contacts示例应用程序.它是一个很好的入门方式.

此外,我建议您使用MVP pattern设计您的GWT应用程序.有几篇很好的文章,GWT Contacts Sample应用程序是学习它的好方法.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效