肯定使用框架啊,不然還原生 JS、自己寫樣式?
創(chuàng)新互聯(lián)成立于2013年,我們提供高端重慶網(wǎng)站建設公司、網(wǎng)站制作、網(wǎng)站設計、網(wǎng)站定制、成都全網(wǎng)營銷推廣、微信小程序、微信公眾號開發(fā)、成都網(wǎng)站推廣服務,提供專業(yè)營銷思路、內容策劃、視覺設計、程序開發(fā)來完成項目落地,為社區(qū)文化墻企業(yè)提供源源不斷的流量和訂單咨詢。
H5 做移動開發(fā)也分兩種,一種就是正常的網(wǎng)頁,一種是封裝的成 App 在手機上跑的。下面我只大致介紹一下又哪些框架,具體的特性不是三兩句能說完的,題主可以自行搜索相關資料。
后者比較知名的框架就是 PhoneGap、MUI 等等了。
而前者具體分的話還分 CSS 框架和 JS 框架。樣式框架有很多了,常見的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI 等等。JS 框架一般是 AngularJS、Backbone、ReactJS 等等,但說實話這些 JS 框架都比較繁重,一般是為比較復雜的場景設計的,如果你的頁面需求很簡單,那么大可以不用它們只用樣式框架就好了。
值得一提的是國內 BAT 三大巨頭也分別有自己的 H5 框架,并且都已經(jīng)開源了,百度的是 GMU(Global Mobile UI)、Clouda+、EFE 這三個,阿里的是 Kissy Mobile,騰訊的是 Frozen UI。
1、本質上沒什么區(qū)別 多關注一下移動端性能問題 其他與web差不多
2、這個問題還是和性能有關系 css框架還好 js框架 在部分低版本android機的卡頓明顯
3、h5主要調試 還是chrome 較新版本的chrome 都有模擬移動端調試功能
實際上移動端和pc H5開發(fā) 沒有什么本質上的區(qū)分,目前移動端webkit當?shù)?。只是把pc的多瀏覽器/核心兼容 轉向 多版本/os定制的兼容罷了。
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括:epub360 等H5編輯工具都是圍繞這個標準設計的:
· 新的解析規(guī)則增強了靈活性
· 新屬性
· 淘汰過時的或冗余的屬性
· 一個HTML5文檔到另一個文檔間的拖放功能
· 離線編輯
· 信息傳遞的增強
· 詳細的解析規(guī)則
· 多用途互聯(lián)網(wǎng)郵件擴展(MIME)和協(xié)議處理程序注冊
· 在SQL數(shù)據(jù)庫中存儲數(shù)據(jù)的通用標準(Web SQL)
HTML5在2007年被萬維網(wǎng)聯(lián)盟(W3C)新的工作組采用。這個工作組在2008年1月發(fā)布了HTML 5的首個公開草案。眼下,HTML5處于“呼吁審查”狀態(tài),W3C預期它將在2014年年底達到其最終狀態(tài)。
特性
HTML5賦予網(wǎng)頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構建對程序、對用戶都更有價值的數(shù)據(jù)驅動的Web。
本地存儲特性(Class: OFFLINE STORAGE)
基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間,更快的聯(lián)網(wǎng)速度,這些全得益于HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來,HTML5為網(wǎng)頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇,帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數(shù)據(jù)直接相連,例如視頻影音可直接與microphones及攝像頭相聯(lián)。
連接特性(Class: CONNECTIVITY)
更有效的連接工作效率,使得基于頁面的實時聊天,更快速的網(wǎng)頁游戲體驗,更優(yōu)化的在線交流得到了實現(xiàn)。HTML5擁有更有效的服務器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現(xiàn)服務器將數(shù)據(jù)“推送”到客戶端的功能。
網(wǎng)頁多媒體特性(Class: MULTIMEDIA)
支持網(wǎng)頁端的Audio、Video等多媒體功能, 與網(wǎng)站自帶的APPS,攝像頭,影音功能相得益彰。
三維、圖形及特效特性(Class: 3D, Graphics Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆于在瀏覽器中,所呈現(xiàn)的驚人視覺效果。
性能與集成特性(Class: Performance Integration)
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的Web應用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。
總體上應該一樣,技術體系都差不多。不過pc需要兼容的瀏覽器更多些,mobile下andorid,ios都是基于webkit,所以相對好些。
移動前端開發(fā)可分為:
1、手機網(wǎng)頁開發(fā)。這部分跟web前端開發(fā)差別不大,使用的技術都是html+css+js。區(qū)別為手機瀏覽器是webkit的天下,pc端是IE的天下。手機網(wǎng)頁可以理解成pc網(wǎng)頁的縮小版加一些觸摸特性。因為是在瀏覽器中進行的網(wǎng)頁開發(fā),所有最終代碼具有跨系統(tǒng)平臺的特性。
2、app前端開發(fā)。使用的技術也是html+css+js,但它需要基于PhoneGap等開發(fā)平臺調用手機核心功能接口(包括地理定位,加速器,聯(lián)系人,聲音和振動等)模擬native app,這部分跟web前端開發(fā)完全不同。最終代碼發(fā)布要分別編譯成各系統(tǒng)平臺的app。