GWT布局面板与CSS布局

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

GWT

GWT 2.0有一些时髦的布局面板，但让他们适当地调整你真的需要建立从根面板整个面板遏制树上下来。看起来，这是一件无所谓的事情。

CSS

您可以使用CSS布局的应用来说，我倾向于做到这一点，如果仅仅是为了证明自己，我购买了几本书兜售“语义标记”的福音。缺点可能是跨浏览器的不兼容性，我尚未确定的流行程度。

要走哪条路？

您的意见是？跨浏览器问题是否足够糟糕，并且流行程度足以保证放弃我的CSS书籍，并使用GWT布局面板进行构建？

来源

2010-04-14 David

你是说http://www.w3.org/TR/2009/WD-css3-layout-20090402/当你说css布局？ – Anurag 2010-04-14 15:12:20

不是特别的。我的意思是整个CSS技术的漂浮，定位，大小，流动，覆盖和与HTML thingy jiggering。 – David 2010-04-14 15:14:14

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

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

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

在<ui:style>之内，你可以放任何有效的CSS。 UIBinder还可以包含全局样式表。另外，CSS中的背景图像可以自动组合成精灵/数据：用于表现。

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

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

来源

2010-04-14 15:22:56

在UI中使用标签Binder事情真的很奇怪。我的意思是，选择器在哪里？ – David 2010-04-14 15:26:47

更新了我的文章。是一个完全可选的东西，并为您的CSS带来强大的功能。但是，如果您对此感到不适，可以完全跳过它，只包含一个普通的旧css文件。 – 2010-04-14 15:41:03

跨浏览器问题是已经足够坏了，无法在某种类型的框架中寻求解脱，特别是如果您不是真正的前端设计师/开发人员。但我还没有抛弃CSS书籍。它可以帮助你理解当框架的抽象开始泄漏时封面下面会发生什么，以及你可以做些什么。谷歌自己说：“你并不局限于预先装好的小部件，你可以用GWT完成任何你可以用浏览器的DOM和JavaScript完成的任务，包括与手写JavaScript进行交互。”据推测，这包括造型，如果你知道如何去做（如果你已经阅读并理解所有这些CSS书）。

来源

2010-04-14 15:14:11 Robusto

没错，你可以在GWT中做任何事情。这只是一个简单的编程问题。但我知道这个整洁的负边缘浮动CSS技术，你知道吗？啊，我不知道。 – David 2010-04-14 15:34:23

GWT布局面板与CSS布局

回答

相关问题