项目前端开发经常使用插件汇总

时间 2019-11-21

标签项目前端开发经常使用插件汇总繁體版

原文原文链接

· 树形结构展现 php

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优势。专门适合项目开发，尤为是树状菜单、树状数据的Web显示、权限管理等等。 css

zTree 是开源免费的软件（MIT 许可证）。在开源的做用下，zTree 愈来愈完善，目前已经拥有了很多粉丝，而且从此还会推出更多的 zTree 扩展功能库，让 zTree 更增强大。 html

ZTree的特色：前端

zTree v3.0 将核心代码按照功能进行了分割，不须要的代码能够不用加载 web

采用了延迟加载技术，上万节点轻松加载，即便在 IE6 下也能基本作到秒杀浏览器

兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器服务器

支持 JSON 数据 echarts

支持静态和 Ajax 异步加载节点数据异步

支持任意更换皮肤 / 自定义图标（依靠css）编辑器

支持极其灵活的 checkbox 或 radio 选择功能

提供多种事件响应回调

灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还能够多节点拖拽哟

在一个页面内可同时生成多个 Tree 实例

简单的参数配置实现灵活多变的功能

官方网站：http://www.ztree.me/v3/main.php#_zTreeInfo

· 在线文本编辑

KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上得到所见即所得编辑效果，兼容IE、Firefox、Chrome、 Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，能够无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor很是适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。

官方网站：http://kindeditor.net/demo.php

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具备轻量，可定制，注重用户体验等特色，开源基于MIT协议，容许自由使用和修改代码...

官方网站：http://ueditor.baidu.com/website/

· 日期控件

支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，利用这样功能能够任意定制不能选择的日期，这些日期即便毫无规律，毫无连续性，也能够经过这些功能的组合使用轻松搞定·

官方网站：http://www.my97.net/dp/index.asp

· 响应式表格

DT Grid为响应式表格，针对不一样规格的终端显示不一样的列，对于不显示的列将显示在扩展中，经过点击展开查看。同时，DT Grid原生支持分页、Ajax数据集、打印、导出、快速查询、高级查询等操做，且使用简单，针对DT Grid，DESTINY CORE核心系统中的工具类中有针对此组件的相关工具，使得开发人员使用DT Grid更加高效方便。

官方网站：http://www.dtgrid.com/dtGrid/doc/i18n/zh-cn/index.html

· 前端验证

DT Validator为一组方便快捷的前端验证组件，经过表单元素标签属性的形式绑定验证规则，避免繁杂的JS规则定义模式。DT Validator支持多种验证规则，且原生支持Ajax服务器端验证。

官方网站：http://www.dtvalidator.com/dtValidator/doc/index.html

· 文件上传

zyupload支持多文件上传，图片可预览，可限制文件上传大小

官方网站：http://www.52doit.com/doit/show/341

· 图表

1.ECharts是一款开源、功能强大的数据可视化产品

官方网站：http://echarts.baidu.com/index.html

2.Highcharts 是一个用纯JavaScript编写的一个图表库，可以很简单便捷的在web网站或是web应用程序添加有交互性的图表，而且免费提供给我的学习、我的网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。

官方网站：http://www.hcharts.cn/

弹出层

layer是一款口碑极佳的web弹层组件,她具有全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操做体验。

官方网站：http://layer.layui.com/

lhgDialog

官方网站：http://www.lhgdialog.com/