本节目录
1、快速开发
2、动画特效
3、图表
4、时间处理
5、富文本编辑器
6、图标字库
7、轮播图
8、表单验证
1、快速开发
Bootstrap
Bootstrap,来自 Twitter,是一个用于构建响应式网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷
地址:http://www.bootcss.com/
Bootwatch
Bootwatch是一款基于Bootstrap的一款免费主题包,其中包含了丰富的Bootstrap主题
地址;http://bootswatch.com/
EasyUI
easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。一般多适用于编写后台管理页面。
地址:http://www.jeasyui.net/
Jquery UI
jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。
jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。
地址:http://www.jqueryui.org.cn/tutorial/27.html
2、动画特效
animate.css
animate.css是一款强大的CSS3动画库,定义了大概50多种动画形式,包括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效
地址:http://www.bootcdn.cn/animate.css/readme/
3、图表
Chart.js
是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
地址:http://www.bootcss.com/p/chart.js/
4、时间处理
Moment.js
我们在前端Javascript开发中会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果
而Moment.js作为
一个JavaScript的日期、时间处理工具类,其对于JavaScript的日期时间处理功能非常强悍和全面。它可以轻松解决前端开发中遇到的种种日期时间问题。可以用在浏览器环境中使用,也可以在Node.js中。在IE8
以上及其它浏览器的最新版本中都可以使用,具有良好的跨浏览器及跨系统的兼容性
地址:http://momentjs.cn/docs/
5、富文本编辑器
KindEditor
KindEditor是一款用Javascript编写的开源在线HTML编辑器,主要用户是让用户在网站上获得可见即可得的编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
地址:http://kindeditor.net/demo.php
Ueditor
Ueditor富文本编辑器是在很多项目里经常用到的框架,是百度开发团队开发的一款很好用的富文本编辑器
地址:http://ueditor.baidu.com/website/index.html
6、Font Awesome
Font Awesome 是一款可缩放的矢量图标字库,你可以利用CSS将Font Awesome发挥到极致,包括:大小、颜色、阴影或者其它任何支持的效果。
地址:http://www.fontawesome.cn/
7、bxSlider
bxSlider 是一个 jQuery 的响应式内容滑动插件,也就是就是轮播图的效果,这个插件使用非常简单,并且大小只有 8kb,非常轻量级,所以非常适合在站点和博客中使用。
地址:http://bxslider.com/
使用方法:http://www.helloweba.com/view-blog-219.html
8、表单验证
parsley js
Parsleyjs 是一个用来对 Web 表单的输入数据进行验证的 JavaScript 库。
地址:http://dahouge.oschina.io/parsley.js/
jQuery Validate
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。
地址:http://www.runoob.com/jquery/jquery-plugin-validate.html