es6-polyfill.io

es6-polyfill.io __veblen

Polyfill 可以为旧浏览器提供和标准 API 一样的功能。比如你想要 IE 浏览器实现 Promise 和 fetch 功能,你需要手动引入 es6-promisewhatwg-fetch。而通过 Polyfill.io,你只需要引入一个 JS 文件。

<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

Polyfill.io 通过分析请求头信息中的 UserAgent 实现自动加载浏览器所需的 polyfills。 Polyfill.io 有一份默认功能列表,包括了最常见的 polyfills:document.querySelectorElement.classList、ES5 新增的 Array 方法、Date.now、ES6 中的 Object.assignPromise 等。

异步加载

提供callback参数,当polyfill加载成功之后执行对应函数


<!-- 异步加载 -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?callback=main" async defer></script>

实例运用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?callback=main" async defer></script>
    <script>
        function main(){
            var node=document.createElement("script");
            node.src="index.js";
            document.body.appendChild(node);
        }
    </script>
</head>
<body>

</body>
</html>

polyfill在实际运用过程中,是个不错的解决方案

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 懒加载也就是延迟加载。懒加载的核心的思想是延迟加载,需使用到的时候才进行加载,不使用的时候是不会加载的 预加载提前...
    贝灬小晖阅读 1,288评论 0 0
  • 电脑办公已经深入人心,但对于很多入门级办公朋友而言,如题提高电脑办公效率确实是需要长期积累的学习过程,以下编辑为大...
    霖尤_9076阅读 1,950评论 0 0
  • 一大早陪伴家人来到深圳中医院看医生,提前在就医160平台预约挂号,排队取号被告知时间未到,只好在侯坐式等待。再次排...
    小苹果搞事情阅读 3,034评论 0 1
  • 院外,四年级同学都坐在麦场边大柳树下的木头上背诵着课文,个个都非常认真,看样子都己经背熟了。这篇课文从星期一己经预...
    一桶泉老孙阅读 3,471评论 4 9
  • 上周末,我们带着三岁的孩子和很多户外的朋友一起去爬山。刚开始的一个小时,孩子表现得很兴奋,又是跑又是跳,还跟我们做...
    鼹鼠的蘑菇伞阅读 3,196评论 2 2

友情链接更多精彩内容