GWT佈局面板與CSS佈局

Question

我閱讀了一篇名爲「Tags First GWT」的文章，其中作者建議使用GWT進行事件處理，並使用CSS進行佈局。我只是不知道GWT的跨瀏覽器兼容性好處的好處是否超過純CSS佈局提供的靈活性。

GWT

GWT 2.0有一些時髦的佈局面板，但讓他們適當地調整你真的需要建立從根面板整個面板遏制樹上下來。看起來，這是一件無所謂的事情。

CSS

您可以使用CSS佈局的應用來說，我傾向於做到這一點，如果僅僅是爲了證明自己，我購買了幾本書兜售「語義標記」的福音。缺點可能是跨瀏覽器的不兼容性，我尚未確定的流行程度。

要走哪條路？

您的意見是？跨瀏覽器問題是否足夠糟糕，並且流行程度足以保證放棄我的CSS書籍，並使用GWT佈局面板進行構建？

Answer 1

我同意作者的建議 - 將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應用程序是學習它的好方法。

Answer 2

跨瀏覽器問題是已經足夠壞了，無法在某種類型的框架中尋求解脫，特別是如果您不是真正的前端設計師/開發人員。但我還沒有拋棄CSS書籍。它可以幫助你理解當框架的抽象開始泄漏時封面下面會發生什麼，以及你可以做些什麼。谷歌自己說：「你並不侷限於預先裝好的小部件，你可以用GWT完成任何你可以用瀏覽器的DOM和JavaScript完成的任務，包括與手寫JavaScript進行交互。」據推測，這包括造型，如果你知道如何去做（如果你已經閱讀並理解所有這些CSS書）。