Pointeract
一个前端库,用于解析用户交互并派发平移缩放事件,是 Hammer.js 的轻量级且可扩展的替代方案。
一个前端库,用于解析用户交互并派发平移缩放事件,是 Hammer.js 的轻量级且可扩展的替代方案。
Pointeract 是一个专注于处理 DOM 元素用户交互的小型工具库,可作为 Hammer.js 等库的替代品。你只需绑定 DOM 元素并加载一些模块,它便会开始监控用户交互,并派发如 trueClick 和 pan 这样的事件及其数据。
它采用可扩展的架构构建,核心包体积仅 1KB(压缩后),功能则来自同样小巧的模块。它完全支持 摇树优化(tree-shaking),使用的模块越少,最终打包体积就越小。
主页与文档:pointeract.consensia.cc。
PreventDefault 模块除外),细致的清理机制可防止内存泄漏。市面上已有许多交互库,其中最著名的当属 Interact.js 和 Hammer.js,但 Pointeract 截然不同。
| 判定标准 | Pointeract | Hammer.js | Interact.js |
|---|---|---|---|
| 使用 TypeScript 编写? | ✅ | ❌ | ✅ |
| 支持摇树优化? | ✅ | ❌ | ❌ |
| 包体积(压缩后) | 👑 2KB | 7KB | 28KB |
| 最近更新时间 | 👑 持续维护中 | 2015 年 | 2023 年 |
| 功能范围 | 指针及滚轮相关 | 指针相关 | 👑 指针及滚轮相关 + 全面的实用工具 |
| 稳健性?(参见 测试) | ✅ | ❌ 元素抖动 | ❌ 忽略第二次触摸 |
| 可扩展性? | ✅ | ❌ | ❌ |
Pointeract 采用 Apache License 2.0 授权。