網站前端經常使用插件整理

數據選擇

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。

Sidr | GitHub

Navgoco

Navgoco是一個簡約的手風琴菜單jQuery響應式插件，垂直方式展現，相似於垂直的Tab選項卡。

Navgoco | GitHub

FlexNav

FlexNav 這個自適應屏幕菜單插件支持多級，展現方式：垂直

FlexNav | GitHub

SmartMenus

SmartMenus 響應式菜單插件的展現方式支持水平、垂直兩種。

SmartMenu | GitHub

jQuery Menu Aim

jQuery Menu Aim

Side Toggle Menu

Side 有點像sidr插件，也支持左右側邊欄菜單展現。

Side Toggle Menu

jQuery slimMenu

jQuery slimMenu | GitHub

jPanelMenu

jPanelMenu 響應式菜單jQuery插件以左側邊欄的方式展現。

jPanelMenu | GitHub

Flaunt.js

Flaunt.js

Naver

Naver 這個菜單插件比較簡單，若是你的導航內容很少的話能夠使用這個。

Naver | GitHub

TinyNav.js

TinyNav.js 響應式設計導航jQuery插件，展現方式：下拉選擇框。

TinyNav.js | GitHub

HorizontalNav

水平的響應式導航插件，優勢就是自適應水平居中，缺點就是，菜單太多在手機的分辨屏的展現不是很友好，各有所需，沒有最好，只有最適合的。

HorizontalNav | GitHub

jQuery.mmenu

jQuery.mmenu 適用於手機網站建設的導航jQuery插件。

jQuery.mmenu

MeanMenu

MeanMenu 一個自適應屏幕寬度的響應式導航菜單，展現方式：垂直下拉菜單

MeanMenu | GitHub