简介
eilloy 是一款基于 JavaScript 的 npm 前端库，它可以帮助我们快速地实现一些常用的前端业务逻辑，比如拖放、表单校验、异步请求等等。本文将为大家详细介绍如何使用 eilloy 库进行前端开发。
安装
通过 npm 安装 eilloy：
npm install eilloy
拖放
eilloy 中的 Draggable 类可以轻松实现拖放功能，下面是一个示例：
<div class="wrapper"> <div class="box"></div> </div>
import { Draggable } from "eilloy";
const wrapper = document.querySelector(".wrapper");
const box = document.querySelector(".box");
new Draggable(box, {
container: wrapper
});在上面的代码中，我们创建了一个 Draggable 实例，并把 .box 元素传入，然后指定了拖放的容器是 .wrapper 元素。这样 .box 就可以在 .wrapper 内自由拖放了。
表单校验
eilloy 中的 Validator 类可以用于表单校验，下面是一个示例：
<form> <input type="text" class="username" /> <input type="password" class="password" /> <button type="submit">登录</button> </form>
-- -------------------- ---- -------
------ - --------- - ---- ---------
----- ------------- - ------------------------------------
----- ------------- - ------------------------------------
----- --------- - --- -----------
------ -
--------- -
--------- -----
---------- --
---------- --
--
--------- -
--------- -----
---------- --
---------- --
-
--
--------- -
--------- -
--------- ---------
---------- ------- - -----
---------- -------- -- ----
--
--------- -
--------- --------
---------- ------ - -----
---------- ------- -- ----
-
--
-------------- ------ -- -
-- ----------
------------------------------------------
------------------------------------------
-
---
-- -------
-----------------------------
-----------------------------在上面的代码中，我们创建了一个 Validator 实例，并传入了校验规则和提示信息（英文也可以）。然后，我们把需要进行校验的表单元素传入到 Validator 中，并通过 submitHandler 指定了校验通过后的回调函数。
异步请求
eilloy 中的 ajax 方法可以用于发送异步请求，下面是一个示例：
-- -------------------- ---- -------
------ - ---- - ---- ---------
------
---- -------------
------- -------
-------- -
--------------- ------------------
--
----- -
--------- --------
--------- --------
-
------------------ -- -
----------------------
---------------- -- -
---------------------
---在上面的代码中，我们通过 ajax 方法发送了一次 POST 请求，并传入了请求地址、请求方法、请求头、请求参数等信息。当请求成功时，会调用 then 方法并输出响应结果；当请求失败时，会调用 catch 方法并输出错误信息。
结语
通过本文的介绍，我们可以看到 eilloy 是一款功能丰富、易于使用的前端库，可以帮助我们快速开发以及提高开发效率。在日常的前端开发中，我们可以灵活运用 eilloy 中的各个模块，从而快速地实现我们的业务需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd181e8991b448e65f5