简介
npm 是 JavaScript 的包管理工具，是 Node.js 官方提供的包管理模块，并已经成为了 JavaScript 开发中最流行的生态系统之一。而 roarjs 是一款在 npm 上的前端插件，它可以让我们轻松地定义一些鼠标悬浮到某一个元素时触发的效果。
在这篇文章中，我们将学习如何使用 roarjs 插件。我们将讨论它的类别、它的使用方式和一些代码示例。
安装
使用 npm，你只需要运行以下命令即可安装 roarjs：
npm install roarjs --save
这个命令会在你的应用程序中添加 roarjs 插件及其依赖项。接下来，让我们看一下如何设置 roarjs 插件。
设置
在你使用 roarjs 前，你需要先引入对应的库：
import Roar from "roarjs";
接下来，你就可以调用 Roar 的构造函数了：
-- -------------------- ---- -------
--- ---- - --- ------
--------- -------- -- ----------------------------------
------------- ---- -- --------------------------
------------- ---- -- --------------------------
----------- -------- -- -----------------------------
----------- ------ -- ---------------------------
--------- ----------- -- ------
---------------------
-
---其中，必须参数 selector 用于选择需要绑定自定义事件的 HTML 元素，其他参数均为可选参数。
在 roar 对象初始化后，我们就可以使用 roar 对象中的方法来对元素进行绑定了：
roar.init();
接下来，我们可以看一下 roarjs 插件的代码示例。
示例
这个示例是在一个 div 元素上添加一个 roarjs 效果：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------------
-------
----- -
------ ------
------- ------
----------- -----
-
------ -
----------------- -----
-
---- -
----------------- -----
-
--------
-------
------
---- -------------------
------- --------------------------------------------------------------------
--------
------ ---- ---- ---------
----- ---- - --- ------
--------- -------- -- ------ ------ -----
------------- ---- -- -------------------------
------------- ---- -- -------------------------
----------- -------- -- ------------ ----- ---------
----------- ------ -- ------------ --- ---------
--------- ----------- -- ------
---------------------
-
---
------------
---------
-------
-------结论
在这篇文章中，我们介绍了如何使用 roarjs 插件。我们探讨了 npm 包管理器，Roar 对象的设置和一些示例代码。hope u are happy working with it!
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006736b890c4f7277584071