當前位置:首頁 » 網頁前端 » web桌面框架
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web桌面框架

發布時間: 2022-11-06 07:57:43

『壹』 Nodejs + Chromium 開發web桌面應用,有沒有什麼輕量的框架

heX 是網易有道團隊的一個開源項目,允許你採用前端技術(HTML,CSS,JavaScript)開發桌面應用軟體的跨平台解決方案。
heX 是你開發桌面應用的一種新的選擇,意在解決傳統桌面應用開發中繁瑣的UI和交互開發工作,使其變的簡單而高效,特別適合於開發重UI,重交互的桌面應用軟體。

『貳』 WEB移動端開發使用什麼框架比較好

很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多,很多新的技術已經出現,下面再來總結下還有哪些框架是適合面向手機設備的開發的。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說:能開發這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。

2、jQTouch

jQTouch 是一個 jQuery 的插件,主要用於手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用於構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標准網站快速,簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示,而不是實現一個全新完整的移動頁面。Mobilize.js 可用於任意網站,但對於基於WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強大的JavaScript框架,它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟體架構模式。它還支持離線,所以你的用戶可以在沒有連接網路的情況下繼續操作(當下次有連線的時候,再將數據同步到伺服器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括:ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API,因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼,因為已經內置了,另外還有很多其它內置功能,提供了詳細的文檔和應用演示。

7、Wijmo

Wijmo是一個基於jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用於移動 Web 開發的網格框架,綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活,使得應用應許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基於 HTML5 的移動 Web 開發框架,支持最新的 HTML5 和 CSS3 標准,全面兼容 Android 和 Apple iOS 設備,提供了豐富的 WEB UI 組件,可以快速的開發出運行於移動終端的應用程序。Shencha是第一個使用HTML5,CSS和JavaScript並且支持音頻/視頻,本地存儲,圓角,漸變背景以及陰影的開發框架。

10、NimbleKit

NimbleKit 是為 iOS 設備構建應用程序最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy™ Boilerplate

Touchy Boilerplate 是一個用來創建移動web app,包括HTML模板,Meta tag等的工具。Touchy可以支持動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基於HTML,CSS和JavaScript的,創建移動跨平台移動應用程序的快速開發平台。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系人,聲音和振動等,此外PhoneGap擁有豐富的插件,可以以此擴展無限的功能。PhoneGap是免費的,但是它需要特定平台提供的附加軟體,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套開發。使用PhoneGap只比為每個平台分別建立應用程序好一點點,因為雖然基本代碼是一樣的,但是你仍然需要為每個平台分別編譯應用程序。

13、joshfire

Joshfire是一個開源的跨設備開發框架,幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript,並且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤,滑鼠,觸摸屏,遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch:基於HTML5的移動網頁開發框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平台的運行庫構成。不像PhoneGap,Julia不僅僅包含調用本機代碼的介面層,它還包含 Model-View-Controller(MVC)支持,Delegation支持,OAuth支持,非同步資料庫存取介面,HTML選擇符(類jQuery調用介面),HTML模版(允 許嵌入JS代碼)等應用開發必備的API介面。 基於Julia的應用開發就像網站開發那麼簡單,是的,你終於可以用HTML5開發一個完整的、跨平台 的、不亞於本機代碼的、易於維護的移動應用了!大幕即將揭曉,讓我們一起進入移動開發的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發框架,它的目標是在無需瀏覽器插件的情況下,在瀏覽器中位應用程序提供極佳的桌面效果。

16、Titanium

這是一個強大的,健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平台開發原生移動應用。作為一個越來越大的移動Web框架,它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。

17、Lungo.js

Lungo.js 是一個採用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如:tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標,所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如:Websql, 地理位置定位,歷史或設備方向等。Lungo.js是一個模塊化並且完全可定製的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架,只要擁有用於開發標准客戶端所需要的功能如:DOM操作,事件處理,Ajax和一些動畫效果。如果是這樣的話,這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。

19、EmbedJS

EmbedJS是一個用於嵌入式設備的JavaScript框架如:行動電話,TVs、tablets和so forth。EmbedJS強大之處在於,它擁有專門為特定平台和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼,為用戶提供最佳的體驗。而且假如你喜歡自己定製,可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基於Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。zepto.js的語法借鑒並且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平台上發布互動式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機移動 Web 開發框架,採用 HTML5, WAML, CSS 和 JavaScript等技術實現。基於 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現代的 CSS 框架,用於 iPad 和 iPhone 手機,使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁,非常輕量級(<4k),在移動設備上載入非常快,對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標准。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控制項。

25、HTML App Host Framework

這是一個用於構建基於 Windows Phone 7 的 HTML/JavaScript 託管框架,使用 HTML5 技術。該框架由支持在標准 xap 格式中嵌入 html 應用的控制項。

『叄』 WEB前端框架—QUICK UI框架的優勢有哪些(一)

1、功能最為強大。


QUICKUI經歷了7年的迭代更新,不斷從客戶的各種業務中對組件的需求進行歸納和抽離,從而打造新的組件和功能。現在最新的4.0版本框架包含了一百多種組件,一千多個應用場景示例。可以說在前端框架領域中,QUICKUI擁有功能最強大組件庫。



2、運行最為穩定。


很多其他的第三方UI控制項在簡單場合使用OK,到了復雜的場景中就會出現很多問題,這種現象很常見,因為在組件設計時無法預料到所有的應用場合。而QUICKUI在7年間經歷了數千個項目實際檢驗,在各種復雜場景都應用過,並根據客戶的反饋不斷完善和調整。目前的第四代可以說是最穩定、最完美的版本。


3、豐富精美的界麵皮膚。


跟其他web前端框架僅僅是一套組件庫不同,QUICKUI是一整套前端解決方案,擁有豐富的外觀界面解決方案。採用現今流行的扁平化設計理念,推出了包括登錄、響應式web、工作桌面、地圖類、門戶風格、大屏展示風格等等幾百套製作精美、用戶體驗優秀的界面。這些界面是以QUICKUI皮膚包的形式發布,使用和更換都非常方便。


以上就是環球青藤小編關於QUICK UI框架的優勢的相關內容分享,希望對各位小夥伴們有所幫助,想要了解更多相關知識,請關注本平台哦!

『肆』 什麼是web開發、web開發框架

WEB開發就比較好理解了,就是開發網頁程序,不需要安裝桌面程序直接通過瀏覽器進行操作的程序,而WIN程序是桌面程序,需要安裝桌面程序進行操作。WEB框架是指哪些為了提高WEB程序開發效率而開發出來的中間件基礎平台,開發人員不需要從0開始寫代碼,而是框架已做好了一些模板類的東西,開發人員通過調用框架來開發程序,以節省時間和成本。前端WEB框架比較有名的如Bootstrap、extjs、easyui、flex、MiniUI、jQuery UI等。現在也有一些包含了前後端的WEB開發框架,稱為快速開發平台,可以更方便也開發WEB程序。

『伍』 前端框架都有哪些,最主流的是哪個

推薦幾個精緻的web UI框架及常用前端UI框架!

1.Aliceui

Aliceui是支付寶的樣式解決方案,是一套精選的基於 spm 生態圈的樣式模塊集合,是 Arale 的子集,也是一套模塊化的樣式命名和組織規范,是寫 CSS 的更好方式。

2.Amazeui

Amaze UI 是一個輕量級、 Mobile first 的前端框架, 基於開源社區流行前端框架編寫的。

3.sui

SUI是一套基於bootstrap開發的前端組件庫,同時她也是一套設計規范。

通過SUI,可以非常方便的設計和實現精美的頁面。

同時sui還有移動端版本msui,msui是阿里巴巴共享業務事業部UED團隊的作品。目的是為了手機H5頁面提供一個常用的組件庫,減少重復工作。

9.YDUI Touch

YDUI Touch 專為移動端打造,在技術實現、交互設計上兼容主流移動設備,保證代碼輕、性能高;使用 Flex 技術,靈活自如地對齊、收縮、擴展元素,輕松搞定移動頁面布局;實現強大的屏幕適配布局,等比例適配所有屏幕。什麼?用得不開心?輕松切換 px;自定義Javascript組件、Less文件、Less變數,定製一份屬於自己的YDUI;

10、後台UI開發框架 MuseUI

一款基於bootstrap風格,兼容於主流瀏覽器(包括IE6)的後端UI開發組件。

『陸』 什麼web app框架比較好,成熟的,速度快!越快越好!

. Ruby on Rails:
遵循基於推送的MVC體系結構的最頂級的Web APP框架。Ruby on Rails被視為通用網站框架。到目前為止,通過這個框架構建了大量的應用程序。不付任何費用
2. AngularJS:
Google和其他開發社區維護的開源框架。開發人員選擇這個框架,因為它允許開發人員為網站開發擴展HTML詞彙。AngularJS是最受歡迎的Javascript框架之一。
3. Ember.js:
這是為構建雄心勃勃的Web APP而定義的最佳平台。開發人員嘗試使用Ember.js開發可擴展的單頁面Web APP。許多工具都提供靈活和標準的應用程序結構。
4. CakePHP:
用PHP編寫的最流行的開源平台之一。Web APP開發公司表示,通過使用此框架,開發變得更快,更簡單。互動式網路應用程序可以用較少的代碼來構建。
5. Phalcon:
它是遵循MVC模式的開源框架。這是一個作為C擴展提供的PHP框架。Phalcon是最快的PHP框架。Phalcon擁有創新的架構和最低的MVC應用開銷。
6. Zend:
面向對象的Web APP框架,支持廣泛的資料庫系統。
7. ASP.net:
一個Web APP開發平台,為建設強大的桌面和移動應用程序。ASP.net適用於HTTP協議並優化HTTP命令。該框架使用通用語言運行時(CLR)構建。
8. Symfony:
一個PHP Web開發框架,旨在加速開發過程。一組可重用的PHP組件Symfony被用於構建強大的應用程序。絕對定製的Web APP是由開發人員完全控制配置而製作的。
9. Express:
Express是一個Node.js Web APP伺服器框架。該平台足夠靈活,可以構建單頁,多頁,甚至是繁榮的混合Web APP。
10. Codeigniter:
功能強大的PHP框架為創建功能包Web APP提供了一個簡單而優雅的工具包

『柒』 web 開發一定要用框架嗎

web 開發一定要用框架嗎?這個是肯定的,Web框架也可以理解為B/S(Brouser/Server)框架,是一種基於瀏覽器載體的框架,包含前端、後端和資料庫三個大的方向,各個方向的工具技術都不一樣。現在主流的工具技術包含.NET、SqlServer、Bootstrap等,開發工具也會不一樣。

Web開發框架

Web前端開發技術框架包括三個要素:HTML、CSS和JavaScript,當然還有很多高級的前端框架,比如bootstrap、Jquery等。

Web後端技術框架也有很多,比如.Net、JAVA、PHP等,各大語言都有其開發架構和工具,像.NET的MVC架構和Visual Studio工具,JAVA的J2EE架構和Eclipse工具。

資料庫現在有三種主流的關系型資料庫:MysqlSQLserverOracle,還有Nosql非關系型資料庫:Redis、Mogodb等。開發工具有SQL Server Management Studio、Navicat等。

『捌』 怎麼使用web前端框架bootstrap

如何使用Bootstrap
針對 Bootstrap 的 HTML
清單 • 是一個有用的框架 HTML 文件,用於結合使用 Bootstrap 與一個固定布局和響應特性:
清單 • 用於 Bootstrap 項目的基本框架 HTML 文件 (listing1.html)

縮小版本
在 Bootstrap 下載中,請注意,每個 CSS 和 JavaScript 文件有兩個版本可用(例如 bootstrap.js 和 bootstrap.min.js)。第一種形式是一個常規文件,第二種形式是壓縮文件或 「縮小文件」。就像在本文中一樣,使用縮小版本即可實現最有效的頁面載入。
listing1.html 的開始之處的 DOCTYPE 聲明將其標記為一個 HTML5 文件。head 元素內的 meta標記控制移動的小屏幕布局。(為方便起見,我將它們稱作 meta/viewport 標記。)默認情況下,大多數移動設備按比例縮小 Web 頁面,使之適應屏幕大小,就像在桌面瀏覽器窗口中一樣。這就是為什麼許多網站上的文本和圖像在手機瀏覽器中看起來很小的原因。meta/viewport 聲明中的 initial-scale=1.0 部分禁用了這一行為,告訴設備要保持頁面的原有尺寸。該聲明表示 Web 設計人員(在本例中為 Bootstrap)已經完成了實現較小屏幕的響應式設計這一任務,所以在默認情況下,沒必要採用蠻力方法。
稍後,清單 1 的 head 標記是 Bootstrap CSS 的鏈接。在文件的末尾,載入 jQuery 和 Bootstrap 實用程序 JavaScript。這些腳本在末尾運行可實現最佳性能。
設置代碼
當使用 Bootstrap(或任何 Web 支持文件集)時,您可以從多種方法中選擇用來設置 HTML 和其他代碼的方法。我建議您創建一個文件夾來存儲自己的項目,然後將 Bootstrap 文件及其完整的文件夾結構復制到項目文件夾中。將您自己的 HTML 文件放在最頂層,並將您自己的 CSS、JavaScript 和圖像文件放在相應的 Bootstrap 子文件夾中(這些文件夾的名稱分別為 css、js 和 img)。

『玖』 web前端開源框架有哪些

web前端開源框架有很多,給你舉例幾個:
1、Bootstrap是最流行的前端開發框架,可以讓不是前端工程師也能開發出優美的頁面,更加快捷、方便的開發web頁面和移動端應用。也能開發響應式web頁面,上手也非常快。
2.React 是Facebook 開發的框架,用於構建頁面、javascript庫。主要功能是對DOM操作,聲明式設計,更快的開發出web應用系統
3、Semantic UI是一個完全語義化的前端CSS界面開發框架,跟 Bootstrap 比起來更加豐富些,不那麼單一,在用戶體驗、樣式都很豐富
4、Foundation by ZURB是開發適應各種設備上的前端框架,主要開發響應式web應用框架,提供很豐富的DEMO實例,學起來也非常方便上手,也提供豐富的圖標庫。
5、Amaze UI是輕量級的前端應用框架,是國內比較流行的框架,比較適用於移動端響應式開發框架,可以按照項目要求生成專屬的UI框架庫進行使用,組件非常豐富,可以構建出漂亮的web頁面。