了解浏览器的工作原理

关于这个问题我有一个很长的暑假 how browsers work . 还可以查看其他引用的资源列表。

以下是有关浏览器工作方式的一些信息链接,以及有关CSS和跨浏览器兼容性的一些信息/指南:

• How Web Browsers Work
• How Web Browsers Work (less technical)
• CSS and Browser Compatibility
• CSS Compatibility Guide

以及一些你感兴趣的具体事物的详细信息:

• Event Bubbling and Browser Information About It
• Adding Elements to the DOM ; Adding and Removing Elements Dynamically
• Modals ; Cross-browser Modals
• z-index

实际上,只需使用prototype或jquery。额外的12MB左右将大大简化你的发展。

Yui剧院有很多很棒的内容。观看crockford视频了解更多关于javascript/dom问题的信息。

YUI Theater

对于css跨浏览器兼容性,一个 CSS Reset 有助于驯服疯狂(“重置样式表的目的是减少浏览器的不一致性,比如默认行高、标题的边距和字体大小等。”)。

至于javascript冒泡、事件和行为之间的不一致,您可以使用一个框架来帮助减轻一些痛苦。这些框架的目标之一是“编写一次,在任何地方(任何浏览器)运行”。 JQuery 是目前最受欢迎的图书馆。 Google can help you 找到其他框架。