『壹』 開發內容型WebApp,有哪些H5前端框架可以用
Bootstrap是目前最流行的前端開發框架,最新出來的Bootstrap3提出移動優先,Bootstrap框架主要針對的是桌面端市場,在布局、版式、控制項、特效方面都非常讓人滿意,能極大豐富界面效果,方便前端工程師開發,目前主流的Firefox, Chrome, Opera, Safari, IE8+瀏覽器都能夠很好的兼容,在框架擴展方面,隨著 Bootstrap 的廣泛使用,擴展插件和組件也非常豐富,涉及顯示組件、兼容性、圖表庫等各個方面。
Vue.js 是一套構建Web界面的漸進式框架,是目前唯一提供支持混合預處理器,對CLl,vdom,JSX等業界認可的理念能夠完美的實現。非常受業界移動開發者的喜愛,大型互聯網公司都在使用,如阿里巴巴,餓了么等。
AngularJS是一款優秀的前端JS框架,旨在簡化前端應用程序的開發。它能快速的構建企業級的web應用。目前比較流行的Bootstrap和ionic都是基於AngularJS。 AngularJS很小,只有60K,兼容主流瀏覽器,與 jQuery 配合良好。
『貳』 請問移動h5開發用什麼js框架比較好
可以使用qmik,這個框架是專門為移動而開發的,
它具有體積小(22k,遠遠把jquery mobile
給丟棄了),
模塊化開發,在框架本身就已經集成了模塊化開發功能(可以不需要再引入第三化的模塊化開發框架,如seajs,requirejs等)
jquery語法,入門很簡單,應用場景也比較豐富
聽說作者在阿里任職
『叄』 h5開發app用什麼框架
uni-app
『肆』 app主流前端框架有哪些
如果是純移動端的話,zepto加frozenui加seajs挺好的。感覺bootstrap的響應式不適合純移動端開發,因為太重了,對移動端載入速度影響很大,純移動端還是小快靈比較好。
如果是做H5那種活動頁,推薦用motion.js,挺好用的,效果贊贊的。
PC端的話,jq+bootstrap是個挺好的組合,或者用backbone也是挺普遍的,但是如果是開發企業管理系統那種的web頁面可以考慮extjs,現在改名叫sencha了,組件多。相反,個人感覺react就不是很適合用來開發企業管理系統。
react現在很火,發展也很快,可以先學習學習,不過react只是View這一層,是個庫,並不是一個完整的框架。而Angular可以說是個大而全的框架,但是載入速度相對比較慢,還有就是Angular 2.0和1.0有很大不同,幾乎是個推翻重做的感覺,所以現在如果用1.x的話,感覺會比較尷尬。
另外,模塊化的話,用seajs的也挺多。
還有就是可以多關注一下打包工具,grunt,gulp和網路開發的FIS。
『伍』 html5 app開發用什麼工具
1、Adobe Edge
Adobe Edge的目的是幫助專業設計師製作網頁動畫乃至簡單游戲。該工具的重點放在動畫引擎上,但adobe承諾將增加更多HTML5功能,比如Canvas、HTML5音頻/視頻標簽等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各個平台。
2、Adobe Dreamweaver
Adobe Dreamweaver使用所見即所得的介面,亦有HTML(標准通用標記語言下的一個應用)編輯的功能,藉助經過簡化的智能編碼引擎,輕松地創建、編碼和管理動態網站。[2]訪問代碼提示,即可快速了解HTML、CSS和其他Web標准。[2]使用視覺輔助功能減少錯誤並提高網站開發速度。
3、HBuilder
HBuilder是DCloud(數字天堂)推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基於Eclipse,所以順其自然地兼容了Eclipse的插件。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
『陸』 html5開發移動端要用什麼框架比較好
下面給出部分框架的具體優勢,比較後可以選出適合自己的
1, jQTouch
jQTouch易用性強,相關文檔也很全面。它的特色是在 使用HTML,CSS和JavaScript創建iPhone App方面擁有出色的能力。jQTouch使用漸進增強的方案,在您相應的HTML頂層來實現像iPhone那樣的用戶體驗。它簡單易用,提供了一個基礎的小工具集以及動畫方案,開發人員只需要編程控制其動態行為即可。
不過有簡單測試中發現app的性能存在一定的問題,頁面在轉換時可能出現跳轉或者缺失的情況,以及在響應tap事件的時候還有周期性延遲。該項目在技術上還活躍著,不過原作者的進展和部署都顯得太慢了。
只需要遵守MIT的license許可就可以使用jQTouch了
2, jQueryMobile
jQuery Mobile是這個領域的新丁,2010年8月才正式宣布成立,但是已經迅速進展到功能豐富的Alpha 2測試版本了。jQuery Mobile跟jQTouch相比很相似,但是更加標准,更有適應性,感覺很像jQTouch的後繼版本,對用戶介面和style的支持范圍更加寬廣了。
jQuery Mobile的性能是不穩定的,(雖然比jQTouch好一些)特別是在響應TAP事件的動畫延遲補償的時候。此外,還缺少一些關鍵的程序hook,所以不能輕松地讓app更加具有動態性能。例如:當一個頁面啟動的時候事件觸發了,這時候卻無法通知響應的代碼頁面將轉向哪個用戶介面,也不能傳遞附加的信息給處理模塊。針對上述問題,創建工作區來解決還是可行的,但是在這里作者希望其將來的版本能從jQTouch那裡學習一下,並把現在的功能缺陷處理掉。
jQuery Mobile的相關文檔資料很零散但是有所改進,,(請注意,jQuery Mobile是和jQuery UI相輔相成的,並不是建在單純jQuery之上的)
想獲得jQuery Mobile只需獲得MIT或者GPL2 license。
3, Sencha Touch
這是個與Ext JS框架完全不同的產物,其方案與jQTouch/jQuery完全不同:Sencha生成自己的DOM(基於用JavaScript創建的對象)代替了先前存在的HTML增強方式。如此,使用Sencha工作的感覺不像是web編程,而更像是使用Java或者Flex等技術來做app的樣子。比起jQuery來,Sencha的感覺更像是YUI。
sencha跟其競爭對手們相比,擴展性強了很多:它擁有大量的用戶介面組件,直接的iPad支持,擁有JSON和HTML5線下存儲技術使得存儲和數據綁定更加方便。(使用Sencha的數據結構來操作app的數據十分酷~它可以實時響應列表的更新)此外,Sencha還是唯一在工具欄上支持內嵌的對象支持,其他方式都是滾輪列表的樣子。
在測試程序中,使用Sencha與jQTouch/jQuery相比,雖然app很明顯地不那麼輕量級,但是其性能和可靠性方面明顯提高了,不過其初始化載入時間略慢。
當使用庫library或者框架frame進行開發的時候,不遵守框架或者用自己的方式通常都不會獲得成功。但Sencha的支持范圍足夠寬廣,這意味著可以使用Sencha的開發方式來實現任何需求。
在文檔方面,Sencha做的不太好,雖然很廣泛,但是又有很多舊版本的老漏洞沒有及時更新,在這些框架中與bug作斗爭,調試過程浪費了很多時間,因為文檔不夠健全,很多問題難以追蹤或理解。而在開發者論壇響應作者提問的頻率還算較高,不過最終感覺還是不太夠。Sencha提供的付費技術支持起價是$300每年,
獲取Sencha需要遵守GPL3 license,以及在某種不是GPL標准又很相似LGPL的授權下也能用,以及遵循非商業license也可以獲得。
4,TitaniumMobile
與Sencha Touch很相似,Appcelerator公司的Titanium Mobile可以讓您使用Javascript API來編寫app。不過與Sencha不同的是,Titanium把代碼編譯成Native的iPhone或Android app,這意味著它並不是一個真正的Web框架,而是一個兼容層或者編譯器。(請注意Titanium Mobile的近親Titanium Desktop是一個基於web的,可以使用HTML /js來編寫桌面封裝的本地應用的一款軟體)
這么說來Titanium允許web開發人員使用JavaScript和一點點XML之類的其他相關技術,可以實現高性能、更換皮膚很方便的Native App,而不需要額外去學習Objective-C或者Cocoa Touch等技術了。
不過這個優點也是其致命的缺點,只能作出Titanium所支持的平台上面的應用,被它們的開發工具限制住了。想證明這一點只需要換一個不是iPhone的平台上來跑一下就知道了。同時,Titanium的調試器也不怎麼樣,不能使用XCode方式運行或者調試,就算在其模擬器上面程序跑的還算不錯,還是需要自己去實際機器上自己再找問題。
『柒』 手機html5前端開發用什麼框架
jquery mobile和bootstrap都是較好的框架。為了使用便利,下文列舉了目前最強大應用最廣泛的幾款前端開發框架。
1. Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美,直觀並且給力的web設計工具包,可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件,柵格系統以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebook iframe apps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML,包括排版、表單、按鈕、表格、柵格、導航等等,風格與Facebook類似。
3. BootMetro
BootMetro框架的靈感來自於Metro UI CSS,基於Bootstrap 框架構建,用於創建Windows 8 的Metro風格的網站。它包括所有Bootstrap的功能,並添加了幾個額外的功能,比如頁面平鋪,應用程序欄等等。
4. Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap,並在它的基礎上添加了許多app,主題以及附加功能。這使得這個框架可以單獨地用於構建網站,而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上,然後用就可以了。
5. Foundation
Foundation 是一款強大的,功能豐富的並且支持響應式布局的前端開發框架,你可以通過Foundation快速創建原型,利用它所包含的大量布局框架,元素以及最優範例快速創建在各種設備上可以正常運行的網站以及app。Foundation在構建的時候秉承移動優先的策略,它擁有大量實用的語義化功能,並且使用Zepto類庫來取代jQuery,這樣可以帶來更好的用戶體驗,並且提高運行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族裡面新添的一款小清新框架。它是基於Sass和Compass的一個高級響應式的HTML5,CSS以及JavaScript工具包,可以用於快速創建原型並且建立在各種瀏覽設備上可以正常工作的網站和app。
7. Gumby
Gumby 是一款基於Sass和Compass的簡單靈活並且穩定的前端開發框架。
它的流式-固定布局(fluid-fixed layout)可以根據桌面端以及移動設備的解析度自動優化要呈現的網頁內容。它支持多種網格布局,包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板,方便你在12列和16列的網格系統上進行設計。
8. HTML KickStart
HTML Kickstart 是一款可以用來方便創建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干凈,符合標准以及跨瀏覽器兼容的代碼。
9. IVORY
IVORY 是一款輕量,簡單但是強大的前端框架,可以用於320到1200像素寬度的響應式布局。它基於12列的響應式網格布局,包含表格,按鈕,表格,分頁,撥動開關,工具提示,手風琴,選項卡等網站中常用的組件和樣式。
10.Kube
最後,如果你的新項目需要一款實在的,不需要復雜的額外功能組件的,足夠簡單的框架,那麼 Kube 將會是你正確的選擇。Kube是一款最小化的,支持響應式的前端框架,它沒有強加的樣式設計,因此給了你充分的自由來開發自己的樣式表。它提供了一些web元素的基本樣式,比如網格,表單,排版,表格,按鈕,導航,鏈接以及圖片等等。
『捌』 使用H5開發的App和原生App有什麼區別
1.H5的性能很差,一般經常改的地方可以用H5,比如論壇,咨詢之類的,而且限制也是很大,很多效果是沒辦法做到的。GUI框架的WebView普遍是這樣的。如果一個APP全部由H5來做(不太可能,送審很可能被拒),那麼會顯得非常卡。
2.用iOS SDK,如果實現熱更新是比較麻煩的。對於論壇,咨詢這種模塊,動不動就改版,做起來比較頭疼,用H5就很合適了。尤其在APP跨安卓和iOS的時候,這類模塊如果直接用H5,那麼就很容易共用。
『玖』 移動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,並實現可視化