ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRender,供应直不雅观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重打算、数据视图、值域漫游等特性大大增强了用户体验,授予了用户对数据进行挖掘、整合的能力。
支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(添补雷达图)、和弦图、力导向布局图、舆图、仪表盘、漏斗图、事宜河流图等12类图表,同时供应标题,详情气泡、图例、值域、数据区域、韶光轴、工具箱等7个可交互组件,支持多图表、组件的联动和混搭展现。
主页:http://echarts.baidu.com/

2、弹窗/层 Layer
layer是一款近年来备受青睐的web弹层组件,她具备全方位的办理方案,致力于做事各水平段的开拓职员,您的页面会轻松地拥有丰富友好的操作体验。
在与同类组件的比较中,layer总是能轻易得胜。她尽可能地在以更少的代码展现更强健的功能,且格外看重性能的提升、易用和实用性。layer兼容了包括IE6在内的所有主流浏览器。 她数量可不雅观的接口,使得您可以自定义太多您须要的风格,每一种弹层模式各具特色,广受欢迎。
layer遵照LGPL协议,将永久性供应无偿做事。历经数年,截至到2016年09月12日,已利用在20万余家web平台,个中包括中国联通、蚂蚁短租、慕课网、phpyun等等有名网站。
主页:http://layer.layui.com/
3、日期选择 LayDate
你是时候换一款日期控件了,而layDate非常乐意和您成为事情伙伴。她致力于成为环球最存心的web日期支撑,为国内外所有从事web运用开拓的同仁供应力所能及的动力。她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完备开源,你可以任意获取开拓版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开拓者精神和对网页日历交互无穷的追求,延续了layui一向的大略与易用。她遵照LGPL协议,您可以免费将她用于任何个人项目。
layDate除了包含日期范围限定、开始日期设定、自定义日期格式、韶光戳转换、当天的前后多少天返回、时分秒选择、智能相应、自动纠错、节日识别,快捷键操作等常规功能外,还拥有更多趋近完美的办理方案。
主页:http://laydate.layui.com/
4、表单验证jQuery Validate
jQuery Validate 插件为表单供应了强大的验证功能,让客户端表单验证变得更大略,同时供应了大量的定制选项,知足运用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时供应了一个用来编写用户自定义方法的 API。所有的捆绑方法默认利用英语作为缺点信息,且已翻译成其他 37 种措辞。
该插件是由 Jörn Zaefferer 编写和掩护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的紧张开拓职员,是 QUnit 的掩护职员。该插件在 2006 年 jQuery 早期的时候就已经开始涌现,并一贯更新至今。
主页:https://jqueryvalidation.org/
5、表单引导jquery-steps
jquery-steps是一个聪明的UI组件,它许可您轻松地创建精灵般的接口。这个插件组成部分内容更有条理,有序的页面视图。此外,它很大略,jQuery验证可以防止步改变或提交。
支持HTML5和交互方法,异步(AJAX)内容加载,随意马虎表单验证,嵌入式iframe内容,清爽的过渡效果,键盘导航,大略的步骤操作,在一个页面中的多个引导,轻松导航,状态持久性。
主页:http://www.jquery-steps.com/
6、文件上传Web Uploader
WebUploader是由Baidu WebFE(FEX)团队开拓的一个大略的以HTML5为主,FLASH为辅的当代文件上传组件。在当代的浏览器里面能充分发挥HTML5的上风,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用办法,可供用户任意选用。 采取大文件分片并发上传,极大的提高了文件上传效率。
头条号这里便是采取了这款图片上传插件。
主页:http://fex.baidu.com/webuploader/
7、图标库 阿里巴巴矢量图标库
Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站,也是海内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中,Iconfont平台为用户供应在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等根本功能。同时iconfont.cn平台作为矢量图标倡导者,积极在线分享矢量图标制作履历、前端运用解释,及运用中常见的一些问题。
主页:http://www.iconfont.cn/
8、树形菜单jsTree
jsTree是一个基于jQuery的Tree控件。支持 XML,JSON,Html三种数据源。供应创建,重命名,移动,删除,拖放节点操作。可以自己自定义创建,删除,嵌套,重命名,选择节点的规则。在这些操作上可以添加多种监听事宜。
主页:https://www.jstree.com/
9、表格Bootstrap table
Bootstrap table是国人开拓的一款基于 Bootstrap 的 jQuery 表格插件,通过大略的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。目前在github上已经有2600多个Star,可见其受欢迎程度。
支持 Bootstrap 3 和 Bootstrap 2
自适应界面
固定表头
非常丰富的配置参数
直接通过标签利用
显示/隐蔽列
显示/隐蔽表头
通过 AJAX 获取 JSON 格式的数据
支持排序
格式化表格
支持单选或者多选
强大的分页功能
支持卡片视图
支持多措辞
支持插件
主页:http://bootstrap-table.wenzhixin.net.cn/zh-cn/
10、CSS动画Animation.css
Animation.css是一个迷人的动画库,它供应了一堆很酷的,有趣的,跨浏览器的动画,你可以在项目中调用它们。
主页:https://daneden.github.io/animate.css/
限于篇幅,这次只先容这10款,说是先容,实在只是抛砖引玉而已,详细的用法我没有附上,实在任何一个库或者控件插件类的,看官方文档是最佳的利用办法,如果有任何问题,请留言,感激