封装好的javascript前端分页插件pagination

今天我要向大家推荐一个令人惊艳的JavaScript前端分页插件——pagination。这个插件非常实用，尤其对于那些经常需要进行前端分页开发的朋友们。它具有高度的封装性和扩展性，而且不依赖任何外部库。

一、插件概述

这个分页插件是我最近在项目开发中自己封装的一个第三方插件。虽然网上已经有很多优秀的分页插件，但我还是决定自己开发一个，因为这样可以满足一些特定的需求，并且作为技术积累。

二、特点与优势

1. 扩展性高：可以根据自己的需求进行定制，满足各种复杂场景。

2. 不依赖任何库：无需引入其他JavaScript库，降低了项目的复杂度和体积。

三、使用示例

让我们来看一下如何使用这个分页插件。你需要在页面中引入相关的CSS和JS文件：

```html

```

然后，你可以通过调用`pagination`函数来初始化分页组件，并传入相应的参数：

```javascript

pagination({

cur: 1,        // 当前页数

total: 6,        // 总共多少页

len: 5,         // 分页显示多少

targetId: 'pagination', // 分页元素绑定

callback: function() {

// 回调函数

}

})

```

四、参数介绍

1. cur：当前页数，每次调用传递当前分页。

2. total：总共多少页，根据总数和每页显示数量可以获取。

3. len：分页栏上显示的数量。

4. targetId：分页元素绑定的ID。

5. callback：页面渲染完成之后执行的函数，比如事件绑定等。

五、使用提示

这个插件的demo使用的是静态数据。如果你需要从服务端获取数据，只需将index.js文件中的for循环改成Ajax请求就可以了。

六、下载与演示

你可以从我们的官方网站下载这个分页插件，并且我们提供了详细的演示和文档，帮助你更好地理解和使用这个插件。我们也欢迎开发者们提出宝贵的建议和反馈，帮助我们不断完善这个插件。

记得使用`cambrian.render('body')`来渲染分页组件到指定的HTML元素中。这样，你就可以在你的项目中轻松实现前端分页功能了。如果你对这个插件感兴趣，或者有任何问题，都可以随时联系我。