• 网站前端常用插件整理


    数据选择

    select2 下拉框,可以选择树形数据,普通数据

    http://select2.github.io/

    3d

    HT

    数据网格

    datatables (已经熟练使用)

    jqgrid

    后台大框架

    ext

    easyui(已经熟练使用)

    工作流插件

    gooflow(已经熟练使用)

    统计图表

    百度ECharts(已经熟练使用)

    heightchart(已经熟练使用)

    d3.js

    文件上传

    百度WebUploader

    编辑器

    百度UEditor——富文本编辑器(已经熟练使用)

    Bootstrap-Markdown——Markdown文本编辑器

    CodeMirror——代码编辑器(已经熟练使用)

    日期选择器

    LayerDate——日期选择器

    WEB弹窗

    Layer——是一款近年来备受青睐的web弹层组件

    分页

    layPage——是一款多功能的js分页组件

    右击菜单

    jQuery.contextMenu——jQuery鼠标右键菜单(已经熟练使用)

    context.js上下文菜单是一个轻量级的网页右键菜单解决方案。

    幻灯片插件

    slidr.js——一个简单的,轻量级的JavaScript库 添加幻灯片切换到您的网页,无依赖。

    Unslider ——一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。

    表单验证插件

    jquery.validation(已经熟练使用)

    全屏/整屏滚动组插件

    fullPage.js——jQuery 全屏滚动插件

    树形视图

    Bootstrap Tree View 是一个简单而优雅的Bootstrap树形视图解决方案。

    jsTree是一个基于jQuery的Tree控件。支持 XML,JSON,Html三种数据源。

    CSS动画

    Animate.css 一款强大的预设css3动画库

    加载动画

    spinkit——使用CSS3的特性实现多种动画效果

    在线浏览PDF插件

    pdf.js——PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品,由Mozilla Labs发布。

    框架

    BootStrap——是Twitter推出的一个用于前端开发的开源工具包(已经熟练使用)

    Amaze UI ——是一个移动优先的跨屏前端框架中国首个开源 HTML5 跨屏前端框架

    Layui——经典模块化前段框架

    iviewui 国产框架完整的网站框架

    ht

    fullPage.js 全屏滚动

    https://github.com/alvarotrigo/fullPage.js

    Lava Lamp 导航条熔岩灯

    http://lavalamp.magicmediamuse.com

    iHover  极好的图片悬停特效

    https://github.com/gudh/ihover

    jqGrid 极好的表格插件

     http://blog.mn886.net/jqGrid/


    代码笔记

    15个响应式设计的导航菜单jQuery插件

    Sidr

    Sidr 是一个非常容易使用的响应式菜单jQuery插件,展示方式侧边,支持左右sidbar。

    15个响应式设计的导航菜单jQuery插件

    Sidr | GitHub

    Navgoco

    Navgoco是一个简约的手风琴菜单jQuery响应式插件,垂直方式展示,类似于垂直的Tab选项卡。
    15个响应式设计的导航菜单jQuery插件
    Navgoco | GitHub

    FlexNav

    FlexNav 这个自适应屏幕菜单插件支持多级,展示方式:垂直
    15个响应式设计的导航菜单jQuery插件
    FlexNav | GitHub

    SmartMenus

    SmartMenus 响应式菜单插件的展示方式支持水平、垂直两种。
    15个响应式设计的导航菜单jQuery插件
    SmartMenu | GitHub

    jQuery Menu Aim

    15个响应式设计的导航菜单jQuery插件

    jQuery Menu Aim

    Side Toggle Menu

    Side 有点像sidr插件,也支持左右侧边栏菜单展示。
    15个响应式设计的导航菜单jQuery插件
    Side Toggle Menu

    jQuery slimMenu

    15个响应式设计的导航菜单jQuery插件

    jQuery slimMenu | GitHub

    jPanelMenu

    jPanelMenu 响应式菜单jQuery插件以左侧边栏的方式展示。
    15个响应式设计的导航菜单jQuery插件
    jPanelMenu | GitHub

    Flaunt.js

    15个响应式设计的导航菜单jQuery插件

    Flaunt.js

    Naver

    Naver 这个菜单插件比较简单,如果你的导航内容不多的话可以使用这个。
    15个响应式设计的导航菜单jQuery插件
    Naver | GitHub

    TinyNav.js

    TinyNav.js 响应式设计导航jQuery插件,展示方式:下拉选择框。
    15个响应式设计的导航菜单jQuery插件
    TinyNav.js | GitHub

    HorizontalNav

    水平的响应式导航插件,优点就是自适应水平居中,缺点就是,菜单太多在手机的分辨屏的展示不是很友好,各有所需,没有最好,只有最适合的。
    15个响应式设计的导航菜单jQuery插件
    HorizontalNav | GitHub

    jQuery.mmenu

    jQuery.mmenu 适用于手机网站建设的导航jQuery插件。
    15个响应式设计的导航菜单jQuery插件
    jQuery.mmenu

    MeanMenu

    MeanMenu 一个自适应屏幕宽度的响应式导航菜单,展示方式:垂直下拉菜单
    15个响应式设计的导航菜单jQuery插件
    MeanMenu | GitHub

  • 相关阅读:
    Vue+element tree使用,当弹窗关闭时,this.$refs.tree.setCheckedKeys([])不能清空选中
    npm ERR! A complete log of this run can be found in
    Vue面试题之vue实现MVVM数据绑定
    渐变色的ie兼容
    安徽地图
    数组去重的四种方法
    EF Code First创建数据库
    Code First Migrations更新数据库结构(数据迁移)
    Bootstrap 样式大全
    C#程序中:如何向记事本中写入内容和导出内容
  • 原文地址:https://www.cnblogs.com/sexintercourse/p/6394774.html
Copyright © 2020-2023  润新知