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

2019独角兽企业重金招聘Python工程师标准>>>

• 树形结构展示

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

            zTree 是开源免费的软件（MIT 许可证）。在开源的作用下，zTree 越来越完善，目前已经拥有了不少粉丝，并且今后还会推出更多的 zTree 扩展功能库，让 zTree 更加强大。

            ZTree的特点：

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

                    采用了延迟加载技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀

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

                    支持 JSON 数据

                    支持静态和 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

• 弹出层

         lhgDialog是一个功能强大且兼容面广的对话框组件，它拥有精致的界面与友好的接口

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

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

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

• 文件上传

  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/

转载于:https://my.oschina.net/11253217/blog/501036