汇总遇到的问题

css:

1、margin折叠
2、BFC和hasLayout
3、inline-block在IE7-不支持,需要触发haslayout
4、opacity会让元素进入堆叠上下文
5、IE7的渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置
6、display:inline-block的间距问题(font-size相关)
7、iframe设置了position:absolute再设置left、top、right、bottom,宽高不能改变,只能通过父级元素定位后改变宽高,然后在设置iframe元素的width:100%和height:100%来实现布局

js:
1、IE下ajax response的utf8(非utf-8)爆异常的
2、IE7- 对多出的逗号问题不容错
3、渲染和js执行互斥
4、checkbox可通过js设置半选状态
5、{}和Object.create(null) 不一样,前者__proto__==Object.prototype,后者__proto__==null,create的第一个参数即为创建对象的__proto__
6、[]==![] //true 抽象相等比较法【ecmascript】
7、object对象中的key可以是任意字符,但是需要通过obj.xx取值只能按照属性命名规则来命名,否则只能通过obj['xx']来取值
8、compatMode分两种情况:BackCompat QuirksMode,CSS1Compat StandardMode
9、跨域:使用iframe实现(很麻烦)和jsonp

原文地址:https://www.cnblogs.com/quyatong/p/3175344.html