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前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
基础面试题
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等
真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
主要内容包括:HTML,CSS,JavaScript,浏览器,性能优化等等