1. 程式人生 > >基於jquery開發的UI框架整理分析

基於jquery開發的UI框架整理分析

roi black html屬性 二次 quick src 相關 分析 prim

根據調查得知,現在市場中的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是一套完整的企業級

web前端開發解決方案,由基礎框架、UI組件庫、皮膚包、示例工程和文檔等組成。使用QUICKUI開發者可以極大地減少工作量,提高開發效率,快速構建功能強大、美觀、兼容的web應用系統。

jQueryUI組件 EasyUI

jQuery EasyUI 為網頁開發提供了一堆的常用UI組件,包括菜單、對話框、布局、窗簾、表格、表單等等組件。

下圖是一個具有布局效果的窗口:

技術分享

jQuery UI 組件庫 PrimeUI

技術分享

PrimeUI PrimeFaces 團隊的一個 jQuery UI 組件庫,目前包含多個 UI 部件。

jQuery的界面插件 Ninja UI

技術分享

jQuery 是一個非常優秀的 JavaScript 框架,而且還有相當多的插件。其中的一些UI插件也相當的給力,比如 Ninja UI,是一款界面插件,使用它將能給你的項目增色不少。此插件包含有幻燈,智能提示等常見的效果。

目前的文檔還不是很全,但是官方提供的例子已經很詳細了,所以也是很容易使用的。

JqueryUIw2ui

技術分享

基於JqueryUI庫,包含常用UI組件,如:布局、表格、樹形、Tabs、工具條、彈出菜單、表單等等。

采用Html5 + CSS3編寫,可以支持常用的瀏覽器,如:ChromeFireFox7+Safari 5+IE 9+等。

基於jquery的富客戶端框架 jwwui

技術分享

  • jwwui是基於jQuery寫的一組html組件.使用簡單,功能強大,樣式自由度很大,每個組件都支持自定義樣式,並且支持組件自適應。
  • 頁面運行效率高,看起來是富客戶端但運行速度就是輕量級網頁效果,本機或局域網內更快。

jQueryUI工具包jQueryTools

jQuery Tools 是一個當前網站開發中最最常用的UI組件集合,包括:Tab、工具提示ToolTip、窗口滾動、OverlapExposeFlash嵌入,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框架整理分析