.Front-End {
Life: Colourful;
Work: Successful;
Love: Sweet;
Family: Healthy;
}

腻子脚本(polyfill)指的是一段JavaScript 代码,能够赋予浏览器未曾有过的功能。目前,几乎所有CSS3 和HTML5 功能都有各自对应的腻子脚本,包括视频回放和阴影,从而让那些老得走不动道儿的“老家伙”们也能闪现青春的光芒。

polyfill指的是一段代码,它能实现期望最终由浏览器自身实现的功能。如果浏览器本身已经实现了该功能,则polyfill什么都不做。否则,它模拟其实现而不依赖API。

###html5shiv.js

http://code.google.com/p/html5shiv

让IE8 及更低版本的IE 识别section、 article、nav 等HTML5 元素。

###selectivizr

http://www.selectivizr.com

让IE(6/7/8)支持::first-child 等高级CSS 选择符。

###IE9.js

http://code.google.com/p/ie7-js

修复从IE6 到IE9 的很多bug 和缺损功能。

###CSS3Pie

http://css3pie.com

让IE6 到IE9 支持圆角、背景渐变、边框图片、盒阴影、RGBa 颜色等可视化的CSS3 功能。

###Respond.js

https://github.com/scottjehl/respond

让旧版本浏览器支持媒体查询。

###-prefix-free

http://lea.verou.me/projects

为需要厂商前缀的CSS3 声明添加前缀。

###borderBoxModel.js

https://github.com/albertogasparin/borderBoxModel

让IE6 和 IE7 支持CSS3 的box-sizing 属性。

HTML5 Cross Browser Polyfills

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

Published by wkylin 08 February 2014

blog comments powered by Disqus