开发中常用的插件与框架

本节目录

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

 

posted @ 2017-03-10 13:15  似是故人来~  阅读(322)  评论(0编辑  收藏  举报