Tag: polyfills

什么是最好的JSON JavaScript polyfill

我正在寻找一个JSON polyfill（在旧版浏览器中支持JSON），我可以在我正在编写的一些JavaScript中使用它。 我看了，发现JSON2和JSON3非常受欢迎，我读过JSON3是JSON2的替代品，但我想知道这些是最好的polyfill吗？ 我对JSON3唯一的问题是，当我运行google闭包lint检查JSON3库时，它会抱怨没有定义正文的循环： If this if/for/while really shouldn’t have a body, use {} 如果js-lint显示警告的事实让我不能使用这个polyfill，因为当我编译我的库时，它看起来我的库有这些问题，因为我将它打包在一起以简化人们下载我的javascript。

Jqueryvalidation与占位符Polyfill不兼容？

我目前正在使用Mathias Bynens的Placeholder Polyfill和jquery.validate插件（v1.11.1），并且遇到了Internet Explorer 9令人沮丧的错误。 如果我们的type=”password”字段定义了非空placeholder属性，则无法获得必要的字段validation。 输入值并且占位符文本消失后，剩余的validation工作正常。 可以在此处找到此代码的现场演示 JS $(‘input’).placeholder(); // init placeholder plugin signupFormValidator = $(‘form’).validate(); // init validation HTML

CSS3动画填充模式polyfill

前言 让我们假设一个div是根据opacity:0; opacity:1; 我想保持opacity:1; 动画结束后。 这就是animation-fill-mode:forwards; 确实。 @keyframes myAnimation { from { opacity:0; } to { opacity:1; } } div { opacity:0; animation-name:myAnimation; animation-delay:1s; animation-duration:2s; animation-fill-mode:forwards; }​ just a test​ 在jsFiddle上运行它 注1：我在这里没有包含供应商前缀以简化 注2：这只是一个例子，请不要回答“只使用jQuery fadeIn函数”等。 有些事要知道 在这个答案中，我读到Chrome 16+，Safari 4 +，Firefox 5+支持animation-fill-mode 。 但Chrome 1+和Opera也支持 animation 。 因此，即使不支持fill-mode使用Modernizr的一般测试也可能返回正值。 为了定位animation-fill-mode我在Modernizr上添加了一个新测试： Modernizr.addTest(‘animation-fill-mode’,function(){ return Modernizr.testAllProps(‘animationFillMode’); }); 现在我有一个CSS的.no-animation-fill-mode类和JavaScript的Modernizr.animationFillMode 。 我还从CSS3动画规格中读到： 文档样式表中指定的动画将从文档加载开始 […]