⑴ 使用html5開發移動端應用採用什麼框架
隨著使用智能手機的人越來越多,手機網站開發項目也成為一種潮流。可是您知道機網站開發框架有幾種嗎?
1. LungoJS
這個是被認為開發移動網站最好的HTML5開發框架,使用 HTML5/CSS3 和 javaScript 技術。可幫助創建基於 iOS、 Android、 Blackberry 和 WebOS 平台的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需使用圖片,全部採用向量聲稱。
Lungo.JS 無需伺服器端支持,可幫助實現 HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定製的框架,可用來創建應用、游戲等程序。
2.Kendo UI
Kendo UI是一個HTML5平台,開發者利用它可以開發新穎的、交互的移動應用程序和網站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數據綁定小部件,如圖表、組合框以及常用表格。
3.Jo
該框架可以創建像本地一樣的應用,並且兼容任何操作系統,無論是Blackberry、iOS還是Android。並且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。
4.Sencha Touch
Sencha Touch是第一個基於HTML5的移動應用框架,利用JavaScript、HTML5和CSS3來構建移動應用程序,該框架利用本地代理存儲離線數據,具體使用HTML5來渲染視頻和音頻組件。
可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數據管理,全部基於最新的HTML5和CSS3的Web標准,全面兼容Android和Apple iOS設備。
5.52 Framework
52 Framework擁有16列的網格模板。該框架來自於CSS3樣式里的新「Selection」、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用於IE6。
6.LimeJS
LimeJS 是一個 JavaScript 游戲開發框架,用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。允許開發者創建基於 HTML5 的游戲,支持主流瀏覽器包括iOS。
7. G5 Framework
如果你想要快速實現Web開發,並且想要重用ant主題或應用程序或網站項目,那麼G5 框架是您最好的選擇,因為該框架旨在提升開發效率、減少代碼。該框架採用特色的php激活類、SEO優化技術。除了G5自身所帶的這些功能特性外,它還集成其他許多功能,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。
8.jQuery Mobile
jQuery Mobile(jQueryMobile)是 jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平台帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平台。jQuery Mobile開發團隊說:能開發這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。我們將盡全力去滿足這樣的需求。
9.Phone Gap
PhoneGap是一個開源的開發框架,使用HTML,CSS和JavaScript來構建跨平台的的移動應用程序。它使開發者能夠利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手機的核心功能——包括地理定位,加速器,聯系人,聲音和振動等。
⑵ 精通HTML5+CSS3需要學什麼
精通HTML5+CSS3需要學什麼?主要學習vscode編輯器基本使用、HTML5新增標簽、CSS3新增選擇器及案例、2D轉換及相關案例實現、3D轉換和旋轉木馬案例等知識點。
一、vscode編輯器基本使用vscode 基本使用vscode插件安裝
二、 HTML5新增標簽什麼是HTML5HTML5新增標簽多鬧廳媒體音頻標簽多媒體視頻標簽HTML5新增input標簽HTML5新增表單屬性
三、CSS3新增選擇器及案例CSS3屬性選擇器(上)CSS3結構偽類選擇器(上)nth-child(n)nth-child和nth-of-type的區別CSS3偽元素選擇器偽元素選擇器案例
四、2D轉換及相關案例實現2D轉換之translate讓一個盒子水平垂直居中2D轉換之rotateCSS3 三角設置轉換中心點旋轉中心點案例2D轉換之scale圖片放大案例分頁頌歷按鈕案例2D轉換液櫻隱綜合寫法以及順序問題CSS3動畫基本使用動畫序列CSS3動畫常見屬性CSS3動畫簡寫大數據熱點圖案例速度曲線之steps步長16-奔跑的熊大案例
五、3D轉換和旋轉木馬案例認識3D轉換3D轉換translate3d透視perspectivetranslateZ3D旋轉rotateX3D旋轉rotateY3D旋轉rotateZ3D呈現transform-style兩面翻轉盒子案例3D導航欄綜合案例-旋轉木馬案例瀏覽器私有前綴以及總結
⑶ 開發安卓手機app需要的技術有哪些
開發不同類型的App需要用到哪些技術?WebApp:iOS/Android的內置瀏覽器是基於webkit內核的,所以在開發webApp時,多數使用html或html5、CSS3、JavaScript技術做UI布局,使其在網站頁面上實現傳統的C/S架構軟體功能,服務端技術用java、php、ASP。現在也有很多一鍵生成webApp的平台,如網路siteApp/移動開發平台APICloud,APICloud平台提供基於騰訊x5瀏覽器引擎生成webApp,因為移動端的超級流量入口微信/手機qq等用的也是騰訊x5內置瀏覽器,所以用騰訊x5瀏覽器生成的App在移動頁面展示時適配於微信的瀏覽體驗,這樣可悔卜以幫助webApp引流。NativeApp:開發NativeApp需要根據運行的手機系統採用不同的開發語言,開發AndroidApp需要的開發語言是java,還需要熟悉Android環境和機制。主要知識點如下:
1.開發環境,AndroidStudio、eclipse.如何搭建Android開發環境可以去網路。
2.數據結構,App的某些功能涉及到做演算法,所以要有一定的數學基礎
3.AndroidSDK,會API介面開發,包括自行開發API的能力和調用第三發API的經驗。
4.熟悉tcp、IP,socket等網路協議
5.如果涉及到伺服器,你還需要了解webservice相關知識和相應的開發語言,常用有PHP、JSP、ASP.Net.
6.除了這些功能基礎,App開發還涉及到UI設計、框架、性能優化、調試適配等。Objective-C是開發iOS系統App的主流編程語言,開發者一般用蘋果公司的iOSSDK搭建開發環境,iOSSDK是開發iOS應用程序中不可少的軟體開發包,提供了從創建程序,到編譯、調試、運行、測試等多種開發過程中需要等工具。學習iOS開發可以去看蘋果官方文檔,這是最權威的ios教程。HybridApp:混合開發中主流的是以web為主體型的開發,即以網頁語言編寫,穿插Native功能的hybridApp開發類型,網頁語言主要有html5、CSS3、JavaScript。Web主體型的App用戶體驗好壞,取決於底層中間橋祥件的交互與跨平台的能力。國內外有很多優秀的開發工具,如國外的AppmAkr、Appmobi,國內的APICloud,APICloud的底層引擎用DeepEngine,使用半翻譯式原理,將運行中的web翻譯成NativeAPI,並且支持擴展API,開發時可調用用原生語言開發的功能模塊,碧消穗以此達到媲美原生App的用戶體驗,同時節省開發時間。對企業來說,可以根據自己的需求選擇不同的開發類型和開發工具,目前來看,HybridApp已經成為移動開發趨勢,一方面HybridApp開發時不採用或者大部分不採用原生語言,卻能擁有原生應用的特性,一方面隨著web技術的發展,HybridApp技術已經成熟,很多大型App淘寶、微信、攜程都屬於這種開發模式,HybridApp給企業移動應用的開發、維護、更新都帶來了極高的便捷性,從成本投入用戶體驗考慮,HybridApp都是首選。