① 做移動端WebApp用什麼框架比較好
很久以前整理了篇將手機網站做成手機應用的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 應用的控制項。
② 我想了解webapp開發的基本流程,包括使用什麼工具。
介紹幾個web開發需要的基礎工具:
Kendo UI:webAPP界面設計工具。Kendo
UI擁有統一測試,支撐框架下所需要的所有工具。使得專注於創建自己的應用程序,而不是從成百上千不支持的插件和庫中創建(和支撐)框架。 Kendo
UI Web包括簡單、一致的編程介面,安全可靠的數據源,精美和新穎的UI小部件,MVVM框架,主題和模板等。需要做的就是以Kendo UI
Web為基礎,去開發現代化、互動式的HTML5和JavaScript應用程序。
Kendo UI Web支持即時觸屏功能。所有的Kendo
UI
Web小部件都全面支持觸屏設備,如iPad、iPhone和Android,因此Web應用程序能用在許多不同輸入選項的設備上。甚至Kendo
UI的拖拽框架都支持觸摸屏,無需僅僅為了處理滑鼠和觸摸屏輸入而復制代碼。
MOQUPS:這個工具可創建出非常驚人的webapp,具有高保真、獨立解析度的 SVG 模型和線框。Moqups 是一款HTML5在線的WEB框架、模型、UI設計並創建的網路應用程序。 基於HTML5在線WEB框架、模型、UI設計並創建:Moqups 它內置有超過60套手繪的SVG模板及特性。
Fluid UI:Fluid UI 是目前最快的移動 app 原型設計工具,它可以在移動設備上測試各種低保真和高保真的 app 模型
UXPin:UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。基於優秀的用戶體驗設計原則,在構建原型中,提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。UXPin具有響應式的斷點功能,創建的響應式原型和線框圖可以運行在不同的設備和解析度上。另外該軟體還提供了版本控制和迭代功能,可以輕松的共享預覽,直觀的註解和實時的協同編輯和聊天。
③ webapp是什麼, 需要用什麼語言開發
WebApp是指基於Web的系統和應用,其作用是向廣大的最終用戶發布一組復雜的內容和功能。比如我們常玩的web網游也可以算作是其中的一種,還有那些在線編輯照片的網頁都可以算作WebApp。一般可以用php+flex或者asp.net,java等等很多語言或工具來開發。
④ 開發WebAPP用哪款編程語言好
建議你用asp.net ,不過做webapp還是java好一些,c#也能做,好像現在主流的都是java,像安卓,蘋果的APP主流都是java
⑤ 移動webapp前端ui用哪個框架好
WeUI
WeUI是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令用戶的使用感知更加統一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
Frozen UI是騰訊社交用戶體驗設計 - 增值UI開發團隊一個開源的簡單易用,輕量快捷的移動端UI框架。基於手Q樣式規范,選取最常用的組件,
做成手Q公用離線包減少請求,升級方式友好,文檔完善,目前全面應用在騰訊手Q增值業務中。
FrozenUI提供的CSS組件是目前QQ會員前端開發組所用的通用樣式庫。遵循手Q樣式規范,基本樣式使用離線包的方式減少請求,並提供快速接入的方案。
FrozenUI提供的一系列JavaScript插件,更優雅地在移動端上呈現更靈動的動畫效果。
FrozenJS 是針對移動端開發的 js 組件庫,其依賴 zepto.js 和 FronzenUI。
FrozenJS 的所有組件均以 zepto 的插件的形式存在。
阿里開源的SUI Mobile
SUI Mobile
SUI Mobile 是一套基於 Framework7 開發的UI庫。並參考 Ratchet、Fastclick 開源庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,並且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平台Web App。
輕量的UI庫 SUI Mobile 非常輕量,核心庫壓縮Gzip後的JS、CSS網路傳輸體積總共只有52K,卻提供了20+個常用的組件。
對於只有HTML&CSS的組件,你只需要復制HTML代碼既可以使用。他的大部分JS組件都是獨立的 Zepto 插件,並且提供了Zepto/jQuery 風格的API,你將會非常熟悉這種方式。
開發團隊:阿里巴巴共享業務事業部UED團隊
網路系
GMU
GMU是基於zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件!
Jingle
Jingle是一個SPA(Single Page Application)開發框架,用來開發移動端的html5應用,在體驗上盡量去靠近native應用,希望有一天html5能夠做到與native一樣的操作體驗。
豐富的UI組件提供了按鈕、列表、表單、彈出框、輪換、上拉/下拉、日歷等各種移動端常用的組件,簡單適用,
前後端分離支持前端模板渲染,模板按需自動載入,完善的事件機制。
輕量級基於Zepto開發,依賴了iscrol
purecss
purecss採用其Grid的部分即可,需要定製的部分,建議自行配置,或者是直接採用grid.css,grid960.css這樣的柵格來處理。Purecss小的沒有節操,全部模塊gzip壓縮後才 4.4KB* 。 考慮到移動端,保持文件盡量小對我們來說非常重要,每一行CSS都經過深思。如果你只用部分模塊,簡直小的忽略。
Pure基石,Pure基於Normalize.css添加了HTML元素的布局和樣式,以及常用的UI組件。全是精華,木有糟粕。
移動端是初衷,Pure是響應式的盒子模型,適應所有尺寸的屏幕。通過皮膚生成器可以自定義樣式。
寫出你自己的樣式,Pure提供最基礎的樣式,鼓勵你基於此寫出自己的樣式。它被設計為容易覆寫,且不影響你自己的樣式。
ionic
基於angular2,豐富的UI組件,大大改進的編程模型,非常適合快速開發。
jquery mobile
jQuery Mobile 是創建移動 web 應用程序的框架。
jQuery Mobile 適用於所有流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
Bootstrap
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式布局、移動設備優先的 WEB 項目。
wex5
國產的ui,支持打包。
前端UI:完全恪守html5+css3+js,干凈純潔設備api:採用業界主流Phonegap/Cordova
向導、模板:簡單定義,即可輕松製作向導和模板
主題、樣式:海量bootstrap資源引入和定製
UI組件:純H5+CSS3,輕松引入第三方UI組件
插件:輕松對接即時通訊、推送、支付等各類插件
後端:輕松調用後端組件和api,並實現可視化
⑥ webapp開發工具用什麼打包方式
APICloud的可以提供web APP打包,可以直接選擇用騰訊X5內核打包生成APP,並且在WebApp中同樣可以使用APICloud所有擴展API。
⑦ 什麼是web app
WebApp是指基於Web的系統和應用,其作用是向廣大的最終用戶發布一組復雜的內容和功能。
從一個簡單的幫助消費者計算汽車租借費用的網頁,到為商業人員和度假者提供全套旅遊服務的大型復雜的WEB站點,都是WebApp。它包括一些完整的WEB站點,WEB站點的專門功能以及在Internet、Intranet或ExtraNet上的信息處理應用。
webapp 框架是一種簡單的與WSGI兼容的網路應用程序框架,可以與 App Engine 配合使用。不必為了使用 App Engine 而使用 webapp:網路伺服器支持任何使用 CGI 的 Python應用程序。webapp 提供一種簡單的方式來開始為 App Engine 開發應用程序。
響應式網頁設計的大部分技術,是可用在WebApp開發中的。
移動端Web App和WAP有什麼不同?最直接的區別就是功能層面。WAP更側重使用網頁技術在移動端做展示,包括文字、媒體文件等。而Web App更側重「功能」,是使用網頁技術實現的App。總的來說,Web App就是運行於網路和標准瀏覽器上,基於網頁技術開發實現特定功能的應用。
⑧ webapp開發工具用什麼打包方式
APICloud的可以提供web
APP打包,可以直接選擇用
騰訊X5
內核打包生成APP,並且在WebApp中同樣可以使用APICloud所有擴展API。
⑨ 什麼是webapp
webapp是一個可以實現用戶需要的功能的網頁,因此可以理解為是基於網頁端的APP。懂前端技 術的人可以自己敲代碼寫一個webapp,不懂技 術的話也有辦法創建webapp,只需利用網上的webapp開發平 台,例如咫尺微頁的webapp開發平台即速應用就不錯,新手也蠻容易上手的
⑩ 目前手機webapp用什麼軟體開發
之前學習angular的時候接觸過一個叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架,官方描述是The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.
Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的web app 開發框架,採用 Sass與AngularJS 開發。目前,Ionic 已經升級到v1.0.0-beta.14版本了,可以說這個框架的目的就是讓App的開發像Web一樣純粹。
對於打包app的平台推薦Cordova:
Cordova(http://cordova.apache.org/)是貢獻給Apache後的開源項目,是從PhoneGap中抽出的核心代碼,是驅動PhoneGap的核心引擎。你可以把他想像成類似於Webkit和Google Chrome的關系。Cordova可以通過給定的API訪問原生的設備的功能模塊,如攝像頭、麥克風等;同時支持iOS,Android等不同的手機操作系統,也就是說我們可以通過一套程序生成多平台的app,這個可以省去很多開發成本(前提是要求用戶設備性能稍微好一點,在iOS上面運行起來是挺6的,但是在某些老安卓上面會有點卡頓)。
上次自己做了一個todolist類的web app,通過Cordova生成app並且使用了zipalign工具進行優化,放到了自己手機上面跑了一下,感覺很6,然後拿給哥們玩了一下,他感覺不出來這是用web框架寫的,感覺和native app運行效果一樣,可以去嘗試下這個框架。