扫一扫分享
Shifty是JavaScript的补间引擎。它是一个轻量级库,旨在通过更高级别的工具进行封装。Shifty的核心是:
这很有用,因为它是构建可自定义动画所需的最少功能。Shifty经过优化,每秒运行很多次,处理和内存开销最小,这对于实现流畅的动画是必要的。
npm install --save shifty
首先,通过npm安装依赖项,如下所示:
npm install
安装完成后,您可以使用以下命令生成dist/shifty.js:
npm run build
要运行测试:
npm test
要生成文档(dist/doc):
npm run doc
要在浏览器中生成实时文档:
npm run doc:live
Shifty暴露了UMD模块,因此您可以随意加载它:
// ES6
import { tween } from 'shifty';
or
// AMD
define(['shifty'], function(shifty) {
shifty.tween({ from: { x: 0 }, to: { x: 10 } });
});
or
// CommonJS
const shifty = require('shifty');
shifty.tween({ from: { x: 0 }, to: { x: 10 } });
手机预览