优化 兼容

css兼容

• 1. 不同浏览器的标签默认的margin和padding不同
  • CSS里 *{margin:0;padding:0;} 但是性能不好
  • 一般我们会引入reset.css样式重置；
• 2. css3新属性，加浏览器前缀兼容早期浏览器
     • 
  • 哪些css3属性需要加：
    • /
  • /
• 7. 超链接访问过后hover样式就不出现的问题
  • CSS属性的排列顺序: L-V-H-A
• 8. 图片默认有间距
  • 使用float属性为img布局(所有图片左浮)
• 9. css hack解决浏览器兼容性
  • 

js兼容

• 1. 事件绑定
  • IE: dom.attachEvent();
  • 标准浏览器： dom.addEventListener(‘click',function(event){},false);
  • 如果浏览器不支持 addEventListener()方法, 你可以使用 attachEvent()方法替代
• 2. event事件对象问题
  • 
• 2. event.srcElement(事件源对象)问题
  • IE： event对象有srcElement属性，但是没有target属性；
  • Firefox: event对象有target属性，但是没有srcElement属性。
  • srcObj = event.srcElement?event.srcElement:event.target;
• 3. 获取元素的非行间样式值：
  • IE: dom.currentStyle[‘width’] 获取元素高度
  • 标准浏览器： window.getComputedStyle(obj, null)['width'];
  • 
• 4. 阻止事件冒泡传播：
  • 
• 5. 阻止事件默认行为：
  • 
• 6. ajax兼容问题
  • IE： ActiveXObject
  • 其他： xmlHttpReuest
  • /