关于 ract.js

write by @r1ader in 2022/3/29

什么是 ract.js

ract.js 帮助您以 函数式编程（Functional programming） 的方式制作动画😄

ract取自 ract.js 中创建动画时最常用的两个方法 r(), act() ，它们的用法如下：

r(...).act(...)

ract.js 还提供了 acts 预定义动画库，来帮助开发者们以一行代码快捷地创建动画，如下：

import { r, acts } from 'ractjs'
const element = document.getElementById('element_id')

r(element).act(acts.OUT.OPACITY) // key code

直观地查看更多 acts 库内的预定义动画效果， 请访问 Act Pre-define Animations

使用 ract.js ，你可能需要

快速开始

API 文档

安装

npm:

npm install --save ractjs

浏览器:

<script src="https://unpkg.com/ractjs/dist/bundle.js"></script>

<script>
    const { r, acts } = ract
</script>

或者也可以在浏览器中使用 ES module

chrome, firefox 等主流浏览器已原生支持 import

<script type="module">
    import { r, acts } from "https://unpkg.com/ractjs/index.js";
</script>

在原生 html 与 javascript 中使用 ractjs.js 的示例👉 [code][demo]