#npm 包 horse-tornado 使用教程
##什么是 horse-tornado？
Horse-tornado 是一个通过 npm 安装的前端开发便捷工具。它可以生成高效的分页组件和高交互的 UI 组件，可以自由定制 UI 样式和分页模式，大大减少了前端开发的繁琐工作。
##安装 Horse-tornado
在命令行中运行以下命令即可安装 Horse-tornado：
--- ------- -------------
确保你的 Node.js 版本在 8.0 以上。
##使用 Horse-tornado
安装 Horse-tornado 后，在项目中引入组件即可使用。以下示例是创建一个简单的分页组件：
------ ---------- ---- ---------------
-------- -
------ -
-----
----------- ----------- ------------- ------------------ --------- -- ------------------- ---------- --
------
-
-成功运行后，即可看到生成的分页组件。
##如何自定义组件样式和分页模式？
Horse-tornado 提供了众多可自定义方法。以 Pagination 组件为例：
total：总数
pageSize：每页显示的数据量
current：当前页面
onChange：当页码改变时的回调函数
simpleMode：是否启用简单模式
showQuickJumper： 快速跳转输入框
pageSizeOptions：每页显示数据量大小的下拉框选项
例如，我需要将一个分页组件的样式变得更加独具特色，并启用简单模式，可以这样设置：
------ ---------- ---- ---------------
----- ------------ - -
----------- -----
---------- ----------------
--------- ------
--------- ------
-
-------- -
------ -
-----
----------- ----------- ------------- ------------------ --------- -- ------------------- ---------- ----------------- --
------
-
-在 CSS 中，你可以这样定义样式：
--------------- -------- ----- ---------------- ------- ------------ ------- ------ ----- ---------- ----- ----------- ----- -
##如何处理分页及数据？
在很多情况下，我们需要从后端服务器获取需要分页的数据。这里我们简单介绍如何使用 Horse-tornado 处理分页请求和数据。以使用 fetch API 获取数据为例：
------ ---------- ---- ---------------
----- ----------- ------- ----------------
-------------------
------------
---------- - -
----- ---
------ --
-------- --
--------- ---
-
-
--------------------
-----------------
-
--------- - -------- -- -
----- ---------- - ----------
--------------------------------------------------
--------- -- -----------
------------ -- -
----- ------ ------ - ------
--------------- ----- ------ -------- ------ --
--
-
-------- -
------ -
-----
-----------
------------------------
----------------------- --------- -- -
----------------------- ------------ ----------
---------------------------
--
-----------------
--
- ------ --------------- --- -- -- ---
------
-
-
-##总结
Horse-tornado 提供了许多自定义属性和方法，可以方便地改变 UI 样式和分页模式，还可以轻松地处理分页和数据。我们希望这个教程能够帮助你更好地使用该 npm 包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cf481e8991b448e6aba