什么是 Javascript Polyfill?
能够编写现代代码并发布到旧浏览器
polyfill 是一段代码(通常是 Javascript 代码),用于为原生不支持它的旧浏览器提供现代功能。
例如 - Object.assign 的 polyfill 必须提供与真实函数相同的功能,但是它需要 29 行代码: Object.assign Polyfill
仅包含想要支持的浏览器的 polyfill
为了让我们的 JavaScript 包更小,我们只想为我们想要支持的浏览器提供 polyfill,即 IE11 及更高版本。 如果不必支持 IE,那么我们的捆绑包可能会更小。
在实现之前检查方法是否存在
在覆盖之前,请务必检查我们正在填充的方法是否存在。 例如 trim()
是非常旧的 IE 版本不支持的方法:
if (typeof String.prototype.trim !== 'function') {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,'')
}
}
> " zebra ".trim() // "zebra"
编写条件逻辑后,我们可以在 HTML 文档中的代码之前运行一个脚本,并运行这些 if 检查以查看是否支持这些方法。 如果它们受支持 - 不做任何事情,如果不支持 - 实现它们。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法