npm 包 avmjqjy 使用教程

简介

avmjqjy 是一个前端的 npm 包，可以帮助开发者快速实现一些常用的交互效果以及样式，如拖拽排序、轮播图等。它采用现代化的前端技术实现，具有高度的性能和可定制性。

安装

使用 npm 安装 avmjqjy：

--- ------- -------

使用

安装完成之后，在项目中引入 avmjqjy：

------ ------- ---- ----------

API

• carousel(options) - 实现轮播图，options 为配置项，包括：
  • container：轮播图容器，必填
  • slidesToShow：每次显示的 slide 数量，默认为 1
  • infinite：是否开启循环轮播，默认为 true
  • autoplay：是否开启自动轮播，默认为 false
  • autoplaySpeed：自动轮播的时间间隔，单位为毫秒，默认为 5000
  • speed：轮播的切换速度，单位为毫秒，默认为 300
  • dots：是否显示轮播圆点，默认为 true
• sortable(options) - 实现拖拽排序，options 为配置项，包括：
  • container：排序容器，必填
  • itemSelector：可排序元素的选择器，必填
  • handleSelector：用于拖拽的手柄选择器，选填
  • onSort：排序后的回调函数，参数为排序后的元素列表

示例代码

实现轮播图

---- -----------------
  ---- ---------------------------- -------
  ---- ---------------------------- -------
  ---- ---------------------------- -------
------

------ ------- ---- ----------

------------------
  ---------- ------------
  ------------- --
  --------- -----
  --------- -----
  ----- -----
---

实现拖拽排序

--- -----------------
  -------- ------
  -------- ------
  -------- ------
  -------- ------
  -------- ------
-----

------ ------- ---- ----------

------------------
  ---------- ------------
  ------------- -----
  --------------- -----
  --------------------- -
    ---------------------------
  --
---

结语

avmjqjy 是一个非常实用且易于使用的前端库，可以方便地实现一些常见的交互效果。在使用中，可以根据具体情况选择需要的 API 进行调用，从而快速实现需求。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006725b3660cf7123b363b9