2009-08-20 16 views
2

最近我一直在做某些Web UI的工作,這是令人沮喪的處理所有的兼容性問題,以及意想不到的瀏覽器(FF,IE,Safari瀏覽器)的行爲。瞭解瀏覽器是如何工作的

  • 事件冒泡
  • 創建和銷燬元素
  • 動態地添加使用行爲
  • 與模態交互
  • 的z-index

我追求的元素(即最初沒有執行)瞭解瀏覽器如何以及如何以他們的方式工作,以及如何構建它們。還有任何關於最佳實踐的指針或鏈接。由於

+0

網站依然是一個騙局,不要試圖去理解它。如果聰明的人明天坐下來說...我們應該如何開發和交付網絡應用,瀏覽器看起來會非常不同。 – Justin 2009-08-20 14:47:29

+0

@Justin所以你說的是...就像蛋糕一樣,網絡也是一個謊言? – David 2009-08-20 17:01:43

回答

1

YUI劇院有一羣偉大的內容。觀看關於Javascript/DOM問題的更多關於Crockford視頻。

YUI Theater

+0

真的很好的視頻。謝謝。 – Natkeeran 2009-08-21 03:50:49

5

下面是關於瀏覽器是如何工作的有關CSS和跨瀏覽器兼容一些信息的鏈接,以及一些信息/指南:

而關於具體的事情你感興趣的一些詳細資料:

+0

謝謝。非常有用的鏈接。 – Natkeeran 2009-08-20 16:23:07

1

對於CSS跨瀏覽器兼容,一個CSS Reset可以幫助馴服瘋狂一點(「復位樣式表的目的是爲了減少之類的默認行高度,頁邊距和字體大小瀏覽器的不一致性標題等)。「)。

至於用JavaScript冒泡,事件和行爲不一致的地方,你可以使用一個框架,以幫助減輕一些痛苦。這些框架的目標之一是「一次寫入,在任何地方運行[任何瀏覽器]」。 JQuery是目前最受歡迎的圖書館。 Google can help you找到其他框架。

+0

CSS重置。似乎是個好主意。將研究它。 – Natkeeran 2009-08-20 15:09:08

2

真的,只是使用原型或JQuery的。額外的12MB左右將大大簡化您的開發工作。

+0

你從哪裏得到12mb? – 2009-08-20 14:44:58

+0

我正在大量使用JQuery及其插件。儘管如此,我還是遇到了很多關於z-index和語法的問題。隨着故事的發展,它可能在FF中工作,而不是在IE中。 – Natkeeran 2009-08-20 15:11:09

+0

那你使用哪個Prototypejs/JQuery庫?超級工具最大化(vs.最小化)版本? – David 2009-08-20 17:03:36

6

我在how browsers work這個問題的(相當長..)夏日。您還可以查看其他參考的資源列表。

+0

通過這個http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/。非常豐富! – Manas 2011-08-17 11:33:49

相關問題