dom-shims：DOM的Polyfill库 - 笨鸟编程导航

嘿，大家好！今天我想和你们聊聊一个超级实用的工具，叫做dom-shims。如果你曾经在开发网页应用时遇到过浏览器兼容性的问题，那么这个库可能就是你的救星啦！

什么是dom-shims？

简单来说，dom-shims是一个专门为那些不太现代的浏览器提供DOM API填充（也就是polyfills）的库。它的目标是确保你的网页应用在各种浏览器上都能正常运行，尤其是那些老旧版本的浏览器。想象一下，你的网页在现代浏览器上运行得好好的，但在某些老旧浏览器上却出现了问题，这时候dom-shims就派上用场了！

如何安装和使用？

安装非常简单，只需要使用npm命令：

    bash
    npm install --save dom-shims

安装完成后，你可以通过以下方式应用所有的shims：

    javascript
    require('dom-shims');

当然啦，如果你只需要某些特定的shims，也可以单独引入，比如：

    javascript
    require('dom-shims/shim/CustomEvent');
require('dom-shims/shim/Element.classList');
require('dom-shims/shim/Element.matches');

dom-shims的功能

dom-shims提供了一系列的功能来增强DOM API的兼容性。以下是一些主要功能：

事件填充：比如CustomEvent构造函数。
Element.prototype填充：包括Element#classList、Element#matches等。
元素变动：支持DOM Level 4的变动宏，比如Element#append()、Element#prepend()等。
其他填充：如HTMLDocument。

这些功能确保了即使在老旧的浏览器中，你也能使用现代浏览器提供的便利API。

浏览器支持

dom-shims的设计目标是支持以下浏览器：

Chrome
Firefox
IE9+
Safari 6+
Android 4+
Safari iOS 5.1+
Opera

致谢

这个项目受到了其他一些库的启发，比如Financial-Times/polyfill-service、Raynos/DOM-shim和WebReflection/dom4。感谢这些项目为dom-shims提供的灵感和解决方案。

我的感觉是

dom-shims真的是一个非常实用的工具，特别是对于那些需要兼容老旧浏览器的开发者来说。它不仅功能全面，而且使用起来也相当简单。在我看来，如果你正在开发一个需要兼容多种浏览器的网页应用，那么dom-shims绝对值得一试！希望这篇文章能帮助到你们，赶紧去试试吧！