zoukankan      html  css  js  c++  java
  • 开发中常用的插件与框架

    本节目录

    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

  • 相关阅读:
    normalize.css介绍和使用,normalize与CSS Reset的区别
    解决在Windows10没有修改hosts文件权限
    定时器
    常见代码题
    BFC与margin重叠
    清除浮动的方法以及优缺点
    面向对象的理解
    左边固定右边自适应
    正则
    《STL源码剖析》——第一、二、三章
  • 原文地址:https://www.cnblogs.com/freely/p/6530171.html
Copyright © 2011-2022 走看看