Polyfill是用在浏览器API上的shim。我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill。这样新旧浏览器就都可以使用相同的API了。把旧的浏览器想象成为一面有了裂缝的墙,这些polyfill(腻子)会帮助我们把这面墙的裂缝抹平。
polyfill 是 shim 的一种。一个polyfill可以是一段代码(或者插件),提供了那些开发者们希望浏览器原生就支持的功能。主要抚平不同浏览器之间对js实现的差异。
shim是什么?
============
shim 是将不同 API 封装成一种的库,shim将一个新的API
引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现。
比如 jQuery是一个shim库,jQuery 的 . a j a x 方法封装了 X M L H t t p R e q u e s t 方法和 I E 用的 A c t i v e X O b j e c t 方式来创建 x h r 对象(通俗地讲,依靠浏览器原生支持的两个 A P I ,封装成 .ajax方法 封装了 XMLHttpRequest 方法和 IE 用 的ActiveXObject 方式来创建 xhr 对象(通俗地讲,依靠浏览器原生支持的两个API,封装成 .ajax方法封装了XMLHttpRequest方法和IE用的ActiveXObject方式来创建xhr对象(通俗地讲,依靠浏览器原生支持的两个API,封装成.ajax这个新的API,使用时,只需调用$.ajax这个新的API ,而不是调用XMLHttpRequest或ActiveXObject这两个原生API )。
可以把shim,理解成能够兼容之前版本的库,是一种优雅降级。
polyfill 特指 shim 成的 api 是遵循浏览器标准的,其典型做法是在IE浏览器中增加window.XMLHttpRequest ,内部实现使用 ActiveXObject(见下面举例)。
如何区分polyfill和shim?
======================
举例1
问题:旧版本的 IE 不支持标准的 XMLHttpRequest,但支持自家的 ActiveXObject 方法
解决办法1-shim(jQuery中,把XMLHttpRequest和ActiveXObject这两个新旧浏览器中的原生API,封装成 $.ajax 这个新的API。使用时,只要熟悉 $.ajax这个新的API 的使用就可以了,不用考虑浏览器的兼容问题)
$.ajax = function(url) {
if (isIE) {
XMLHttpRequest(url)
} else {
ActiveXObject(url)
}
}
解决办法2-polyfill(判断浏览器 是否支持新版浏览器中XMLHttpRequest这个原生API,如果不支持,就用旧版浏览器中ActiveXObject这个原生API 来实现 一个功能跟 新版浏览器中XMLHttpRequest这个原生API 完全一样的函数,并赋值给XMLHttpRequest这个原生API,这样,开发者使用时,就还可以使用XMLHttpRequest这个原生API啦,不用再去学习jQuery库咯)
if (!window.XMLHttpRequest) {
window.XMLHttpRequest = function(url) {
ActiveXObject(url)
}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
[外链图片转存中…(img-9qZ7IjDi-1712728398745)]