Cash
现代浏览器中一个小的jQuery 替代品。
Cash 是现代浏览器 (IE11+) 的一个小得离谱的 jQuery 替代品,它提供 jQuery 样式的语法来操作 DOM。利用现代浏览器功能来最小化代码库,开发人员可以以文件大小的一小部分使用熟悉的可链接方法。与 jQuery 实现 100% 的功能对等不是目标,但 Cash 非常接近,涵盖了大多数日常用例。
尺寸 | 现金 | 泽普托 1.2.0 | jQuery 瘦身 3.4.1 |
---|---|---|---|
未缩小 | 36.5 KB | 58.7 KB | 227 KB |
缩小 | 16 KB | 26 KB | 71 KB |
缩小和压缩 | 6 KB | 9.8 KB | 24.4 KB |
与 jQuery 相比,大小减少了 76.6% 。 如果您需要更小的捆绑包,我们也支持部分构建。
特征 | Cash | Zepto 1.2.0 | jQuery Slim 3.4.1 |
---|---|---|---|
支持旧版浏览器 | ❌ | ️❌ | ✔ |
支持现代浏览器 | ✔ | ️✔ | ✔ |
积极维护 | ✔ | ❌ | ✔ |
命名空间事件 | ✔ | ️❌ | ✔ |
类型化代码库 | ✔(TypeScript) | ️❌ | ❌ |
打字稿类型 | ✔(从代码生成) | ⚠️(通过肯定类型) | ⚠️(通过肯定类型) |
部分构建 | ✔(可以排除个别方法) | ⚠️(可以排除整个模块) | ⚠️(可以排除整个模块) |
如果您要从 jQuery 迁移,请务必阅读我们的迁移指南。
从CloudFlare或jsDelivr获取现金并像这样使用它:
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.1/cash.min.js"></script>
<script>
$(function () {
$('html').addClass ( 'dom-loaded' );
$('<footer>Appended with Cash</footer>').appendTo ( document.body );
});
</script>
npm install --save cash-dom
然后你可以像这样使用:
import $ from "cash-dom";
$(function () {
$('html').addClass ( 'dom-loaded' );
$('<footer>Appended with Cash</footer>').appendTo ( document.body );
});
Cash 为您提供了查询选择器、收集方法和一些库方法。如果您需要有关我们 API 的更多详细信息,请查看jQuery,虽然我们没有实现 jQuery 提供的所有内容,但我们实现的所有内容都应该与 jQuery 兼容。可以使用自定义方法扩展现金,请在此处阅读如何。