前段时间开发的etable插件,收到了很多朋友的意见和建议,现在已经基本稳定了。计划在未来增加一些方法和自动完成功能。目前已经有很多朋友在项目中使用了,我也很乐意帮助你。如果你以后有更多的想法,请私信我。再次感谢大家的支持和好评。
基于jQuery的轻量级可编辑表格插件
Etable插件下载地址:e table 3360一款基于jQuery的轻量级可编辑表格插件,适用于快速录音等应用场景,支持键盘操作。
分页分页插件是项目实际需要后才独立的。插件的实现也借鉴了网上的一些开源代码,并根据我项目的实际需要,基本上是逐字重写。希望大家一如既往地给我们提出宝贵意见。
阴道
分页插件地址:pagination:一个纯Javascript实现的前端分页插件。
开发背景
随着前端分离模式的逐渐普及,我们在项目中经常通过本地刷新模式(ajax,fetch)请求远程数据,带来了明显的好处。但是在前端和后端分离之后,很多原本应用的逻辑也被带到了前端,导致了前端的复杂。因此,也出现了很多类似MVVM的前端框架,比如Vue和React。前端工程这几年已经成为一种趋势,非常成熟。
受限于客户、老板、项目、技术等诸多因素,有时候我们要反复造轮子。比如etable(一个基于jQuery的轻量级表单编辑插件,gitee地址见上面链接)最后的开发就是为了解决现有项目中快速键盘操作的需要。
这次基于类似的原因,我们开发了一个纯javascript分页插件——pagination,小巧轻便,与数据交互本身无关。它可以很容易地集成到现有的项目中。目前这个分页分页插件自带了一个样式。
自己开发的另一个原因是让我们的开发者逐渐回归javascript本身,这样可以避免一个不好的现象:很多前端新人只知道Vue和jQuery,不会原生用js写代码。这样下去,个人技术能力得不到有效提升,我也经常和他们交流。我也很担心当Vue像jQuery一样不再流行的时候,我们的团队成员会如何适应和面对。与其不断学习新技术,不如不断变化,夯实基础,彻底掌握javascript等原生编写方法,才不会被各种新的框架和技术牵着鼻子走。当然,你不会那么累。
在这里,我想谈谈后端开发。其实后端技术栈也是一样的。我们很多后端开发者,java的只知道springboot,php的只知道thinkphp,python的只知道django,根本不会写。甚至这些框架根本没有仔细研究过它们的实现原理。这样,35岁的年龄危机永远无法避免,内卷永远是内卷,技术不足的危机永远存在。
说到这里,我们来详细介绍一下pagination分页插件:
插件演示
分页插件默认显示样式
插件有单独的css文件,可以自己调整。
插件使用
1.建立页面结构
Class=’ pagination’/div 2。下载并介绍分页插件。
# git clone https://gitee.com/funsent/paginationlink href=’ CSS/pagination . CSS ‘/script src=’ pagination . js ‘/script pagination分页插件是纯javascript实现,不需要依赖任何其他组件。
3.初始化
有趣。Pagination.init(‘。’分页,{page3360 1,//当前页码pagesize3360 10,//每页显示的记录总数为3360 0,//记录总数goto: true,//是否显示跳转框信息: true,//是否显示禁用的总页数和总记录数3360 true,//相关分页链接是否标记禁用状态hide _ single _ page3360 false, //总页数只有1页时是否隐藏分页栏FIRST _ BTN _ TEX3360 ‘ ‘,//第一页按钮文字prev _ BTN _ TEX3360 ‘ ‘,//第二页按钮文字next _ BTN _ TEX3360 ‘ ‘,//第三页按钮文字last _ BTN _ TEX3360 ‘ ‘。 //最后一页按钮文字更改:函数(页面索引){//更改方法是点击分页链接时触发的方法,这里可以写自己的业务逻辑。//页面索引参数为当前页码} });
插件特点
纯javascript实现,不依赖第三方库。它支持change方法来实现自己的业务逻辑。内置了一个简单通用的分页样式。支持首页、上一页等配置。是否隐藏配置。它支持是否显示跳转框和信息框的配置。支持每页显示记录数和总记录数的配置。它支持在一个页面上有多个分页实例,并且互不干扰。请注意:pag