基於jquery開發的UI框架有哪些
根據調查得知,現在市場中的UI框架差不多40個左右,不知大家都習慣性的用哪個框架,現在市場中有幾款UI框架稍微的成熟一些,也是大家比較喜歡的一種UI框架,那應該是jQuery,有部分UI框架都是根據jQuery研發出來的產品,現在也很常見了。
國產jQuery UI框架 (jUI) DWZ
DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發的基於jQuery實現的Ajax RIA開源框架.設計目標是簡單實用,快速開發,降低ajax開發成本。
jQuery 部件佈局外掛 Gridstack
基礎使用示例
<div class="grid-stack">
<div class="grid-stack-item"
data-gs-x="0" data-gs-y="0"
data-gs-width="4" data-gs-height="2">
<div class="grid-stack-item-content"></div>
</div>
<div class="grid-stack-item"
data-gs-x="4" data-gs-y="0"
data-gs-width="4" data-gs-height="4">
<div class="grid-stack-item-content"></div>
</div></div><script type="text/javascript">
$(function () {
var options = {
cell_height: 80,
vertical_margin: 10
};
$('.grid-stack').gridstack(options);
});</script>
QUICK UI
QUICK UI是一套完整的企業級
jQuery的UI元件 EasyUI
jQuery EasyUI 為網頁開發提供了一堆的常用UI元件,包括選單、對話方塊、佈局、窗簾、表格、表單等等元件。
下圖是一個具有佈局效果的視窗:
jQuery UI 元件庫 PrimeUI
PrimeUI 是 PrimeFaces 團隊的一個 jQuery UI 元件庫,目前包含多個 UI 部件。
jQuery的介面外掛 Ninja UI
jQuery 是一個非常優秀的 JavaScript 框架,而且還有相當多的外掛。其中的一些UI外掛也相當的給力,比如 Ninja UI,是一款介面外掛,使用它將能給你的專案增色不少。此外掛包含有幻燈,智慧提示等常見的效果。
目前的文件還不是很全,但是官方提供的例子已經很詳細了,所以也是很容易使用的。
Jquery的UI庫 w2ui
基於Jquery的UI庫,包含常用UI元件,如:佈局、表格、樹形、Tabs、工具條、彈出選單、表單等等。
採用Html5 + CSS3編寫,可以支援常用的瀏覽器,如:Chrome、FireFox7+、Safari 5+和IE 9+等。
基於jquery的富客戶端框架 jwwui
· jwwui是基於jQuery寫的一組html元件.使用簡單,功能強大,樣式自由度很大,每個元件都支援自定義樣式,並且支援元件自適應。
· 頁面執行效率高,看起來是富客戶端但執行速度就是輕量級網頁效果,本機或區域網內更快。
jQuery的UI工具包jQueryTools
jQuery Tools 是一個當前網站開發中最最常用的UI元件集合,包括:Tab、工具提示ToolTip、視窗滾動、Overlap、Expose和Flash嵌入,jQuery Tools 只有 5.8k 大小(強烈推薦)。
下圖是一個跳格控制的截圖
B-JUI
B-JUI客戶端框架(Best jQuery UI),是基於Bootstrap樣式及jQuery庫實現的Ajax RIA開源框架。
B-JUI客戶端框架擴充套件方便、簡單易用,很多情況下只要熟悉HTML語法,使用HTML屬性就可以輕鬆用Ajax開發專案。對於javascript不太熟悉的程式設計師是非常方便的,他們只需要關注後端業務邏輯的實現就行了,前端頁面上只需要簡單的寫點HTML程式碼。
本框架基於Bootstrap前端樣式及jQuery庫開發,提供豐富的各類元件及UI,封裝有多種元件,及相關的Ajax請求呼叫,並且都以jQuery標準外掛的方式組合在一起,所以非常方便進行二次開發或再擴充套件。
JavaScript UI 庫 Webix
XB 軟體公司最近釋出了JavaScript UI 庫Webix ,其中包含的元件超過45個,用這些元件可以構建跟HTML5 和 CSS3 相容的程式,這些程式不僅能在個人電腦上執行,還能用在iOS、 Android 和 Blackberry 裝置上執行。它能訪問離線web儲存、地理位置( geolocation) API、能在畫布上繪圖,並集成了jQuery 和 Backbone.js。
現在市場中的UI框架很多就不一一給大家介紹了,相信大家現在用的UI框架是比較好的,只要是適合自己做的專案就可以,最近還了解到有一款TOUCH UI框架可以四端(安卓、IOS、web、小程式)同步,這款產品相信會成為2018年的黑馬,相信大家也很期待。