css 属性的兼容写法、css 盒模型、js 中的高和宽

[cooljs]

css 属性的兼容写法

1. 兼容 IE8 的 hack

hack 符：\0/，必须写在属性值与分号之间，中间不加空格

background:red;    //高级浏览器识别  
background:pink\0/;    //仅 IE8 识别

2. 兼容 IE8、9、10 的 hack

hack 符：\0，必须写在属性值与分号之间，中间不加空格

background:red;    //高级浏览器识别  
background:pink\0;    //IE8、9、10 识别

3. 兼容 IE6、7、8、9、10

hack 符：\9，必须写在属性值与分号之间，中间不加空格

background:pink\9;   //IE6、7、8、9、10 识别

css 盒模型

http://wx2.sinaimg.cn/mw690/0060lm7Tly1fuim3mkvgrj30ap075765.jpg
http://wx3.sinaimg.cn/mw690/0060lm7Tly1fuim3mkymtj30au06z0uj.jpg

js 中令人混乱的各种高度宽度

1. width/height

• dom.style.width/height
  只能取到 dom 元素内联样式所设置的宽高属性值
• dom.currentStyle.width/height
  IE 下获取所有样式的宽高属性值
• clientWidth/clientHeight

[ReadSong]

\9 IE8 以及以下版本浏览器可以识别，9 和 10 不行的吧

[cooljs]

@ReadSong 可以哒

[AllOfMe]

这些兼容的写法让我想起了三年前的前端，没有 react,vue,Angular 等框架的存在，项目直接上 jQuery+BootStrap+gulp(grunt) ，不敢随便用 flex，有时候要写各种 IE 的兼容 CSS 写法。
最常看的博客是张鑫旭的个人站，偶尔看看 JQuery 插件，尝试着自己也能撸一个 JQuery 的插件， 然后发到 CSDN.net 赚赚积分。
时代发展好快，有点想回到过去(怀旧 boy)

[cooljs]

@AllOfMe 框架越来越简单，兼容也不用写太多了，jquery 需要手撸组件，虽然麻烦不过更能锻炼 js 实力，也很爽