什么是 particion？
particion 是一个前端库，它提供了一种在页面上拖拽和分割视图的功能。
使用 particion，您可以轻松地创建分割页面和可拖拽的视图，将其应用于您的 Web 应用程序中。particion 提供了一种易于使用的 API，允许您创建数百个不同的效果。
安装 particion
在使用 particion 之前，您需要在本地环境中安装它。您可以使用 npm 进行安装，在终端中键入以下命令：
$ npm install particion --save
快速入门
在您的 Web 应用程序中使用 particion 是非常简单的。通过 particion，您可以轻松创建分割视图，并使用以下代码示例开始开发定制化的应用。
使用 particion 分割页面
通过以下代码示例，您可以使用 particion 分割页面。
-- -------------------- ---- -------
---- ----------------------------
---- -----------------------
---- --------------------------
------ ------
-------------
------
------
---- -----------------------
---- --------------------------
------ ------
--------------
------
------
------const particion = new Particion('.particion-container');使用 particion 创建拖拽视图
通过以下代码示例，您可以使用 particion 创建拖拽视图。
-- -------------------- ---- -------
---- ----------------------------
---- ---------------------- --------------------------------
---- --------------------------
------ ------
-----------------
------
------
---- ---------------------- --------------------------------
---- --------------------------
------ ------
------------------
------
------
-------- -------------------- ---- -------
----- --------- - --- --------------------------------- -
---------- -----
----------- ---- -- -
--------------------------
--
------------- ---- -- -
--------------------------
-
---可用选项
particion 提供了许多可用选项，您可以对其进行定制化，以适应您的 Web 应用程序的需求。以下是所有可用选项：
draggable(Boolean): 是否启用拖拽功能，默认为false。dragClass(String): 拖拽时添加到元素上的类名，默认为"particion-dragging"。dropClass(String): 释放时添加到元素上的类名，默认为"particion-dropping"。onActivate(Function): 当元素被激活时触发的回调函数。onDeactivate(Function): 当元素被释放时触发的回调函数。
总结
使用 particion，您可以轻松地创建分割页面和可拖拽的视图，将其应用于您的 Web 应用程序中。particion 提供了易于使用的 API，您可以使用其全面的可选项对其进行定制化。
如果您对 particion 有任何疑问或建议，请通过 GitHub 联系我们，我们将非常乐意解答您的问题！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668efd9381d61a3540cfa