css - GWT 布局面板与 CSS 布局

Question

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

GWT

GWT 2.0 有一些时髦的布局面板，但要让它们正确调整大小，您确实需要从根面板向下构建整个面板包含树。这似乎是一个孤注一掷的事情。

CSS

您也可以使用 CSS 来布局应用程序，我倾向于这样做，即使只是为了证明我购买几本吹捧“语义标记”福音的书是合理的。缺点可能是跨浏览器不兼容，我尚未确定其普遍性。

走哪条路？

你有什么看法？跨浏览器问题是否严重到足以让我放弃我的 CSS 书籍并使用 GWT 布局面板进行构建？

Answer 1

我同意作者的建议 - 使用 GWT 进行客户端逻辑，但仍然使用 HTML 和 CSS 进行表示。

新的 UI Binder 和 Declarative UI 模式实际上鼓励您编写 HTML 和 CSS。它对设计人员来说更容易，并使您的代码可维护。您可能想阅读 GWT HTML layout conventions on SO - 它解释了如何混合 Widgets 和 plain-html/css 以获得两个世界的优势。

UI Binder 使用 <ui:style> 使使用 CSS 变得容易.与 <ui:style> ，您可以生成特定于该文件的 CSS。 GWT 将自动混淆和优化您的 CSS。另外，如果您拼错了 css 类名，它会给您一个编译时错误(这很好)，而不是您在部署页面时发现它。

在<ui:style>内，您可以放置​​任何有效的 CSS。 UIBinder 也有办法包含全局样式表。此外，CSS 中的背景图像可以自动组合到 sprites/data:uris 中以提高性能。

要了解更多信息，我建议阅读 UI Binder Guide , 然后按照联系人示例应用程序。这是开始的好方法。

此外，我建议使用 MVP pattern用于设计 GWT 应用程序。有几篇关于它的好文章，GWT 联系人示例应用程序是学习它的好方法。