基於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年的黑馬,相信大家也很期待。
基於jquery開發的UI框架整理分析