1、本質上沒什么區(qū)別 多關注一下移動端性能問題 其他與web差不多
創(chuàng)新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站建設、網站設計、雙臺子網絡推廣、微信平臺小程序開發(fā)、雙臺子網絡營銷、雙臺子企業(yè)策劃、雙臺子品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯為所有大學生創(chuàng)業(yè)者提供雙臺子建站搭建服務，24小時服務熱線：028-86922220，官方網址：www.cdcxhl.com
2、這個問題還是和性能有關系 css框架還好 js框架 在部分低版本android機的卡頓明顯
3、h5主要調試 還是chrome 較新版本的chrome 都有模擬移動端調試功能
實際上移動端和pc H5開發(fā) 沒有什么本質上的區(qū)分，目前移動端webkit當道。只是把pc的多瀏覽器/核心兼容 轉向 多版本/os定制的兼容罷了。
HTML5開發(fā)和web前端開發(fā)的區(qū)別：
1、HTML5是HTML標準，它本身是一項標準化協議，然而被炒熱后登上了互聯網行業(yè)的招聘條目，HTML5開發(fā)這個名詞本身就是不專業(yè)的稱呼，通常意義上指使用HTML5等較為潮流的技術進行前端開發(fā)。
2、web前端，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發(fā)。完成客戶端程序（也就是瀏覽器端）的開發(fā)，開發(fā)JavaScript以及Flash模塊，同時結合后臺開發(fā)技術模擬整體效果，進行豐富互聯網的Web開發(fā)，致力于通過技術改善用戶體驗。
想要了解更多web前端開發(fā)的相關信息，推薦咨詢千鋒教育。千鋒教育成立教研學科中心，推出貼近企業(yè)需求的線下技能培訓課程。課程包含HTML5大前端培訓、JavaEE+分布式開發(fā)培訓、Python人工智能+數據分析培訓、全鏈路UI/UE設計培訓、云計算培訓、全棧軟件測試培訓、大數據+人工智能培訓、智能物聯網+嵌入式培訓、Unity游戲開發(fā)培訓、網絡安全培訓、區(qū)塊鏈培訓、影視剪輯包裝培訓、游戲原畫培訓、全媒體運營培訓。學科大綱緊跟企業(yè)需求，擁有國內一體化教學管理及學員服務，在職業(yè)教育發(fā)展道路上不斷探索前行。
總體上應該一樣，技術體系都差不多。不過pc需要兼容的瀏覽器更多些,mobile下andorid,ios都是基于webkit，所以相對好些。
移動前端開發(fā)可分為：
1、手機網頁開發(fā)。這部分跟web前端開發(fā)差別不大，使用的技術都是html+css+js。區(qū)別為手機瀏覽器是webkit的天下，pc端是IE的天下。手機網頁可以理解成pc網頁的縮小版加一些觸摸特性。因為是在瀏覽器中進行的網頁開發(fā)，所有最終代碼具有跨系統平臺的特性。
2、app前端開發(fā)。使用的技術也是html+css+js，但它需要基于PhoneGap等開發(fā)平臺調用手機核心功能接口（包括地理定位，加速器，聯系人，聲音和振動等）模擬native app，這部分跟web前端開發(fā)完全不同。最終代碼發(fā)布要分別編譯成各系統平臺的app。
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：epub360 等H5編輯工具都是圍繞這個標準設計的：
· 新的解析規(guī)則增強了靈活性
· 新屬性
· 淘汰過時的或冗余的屬性
· 一個HTML5文檔到另一個文檔間的拖放功能
· 離線編輯
· 信息傳遞的增強
· 詳細的解析規(guī)則
· 多用途互聯網郵件擴展（MIME）和協議處理程序注冊
· 在SQL數據庫中存儲數據的通用標準（Web SQL）
HTML5在2007年被萬維網聯盟(W3C)新的工作組采用。這個工作組在2008年1月發(fā)布了HTML 5的首個公開草案。眼下，HTML5處于“呼吁審查”狀態(tài)，W3C預期它將在2014年年底達到其最終狀態(tài)。
特性
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性（Class: OFFLINE STORAGE）
基于HTML5開發(fā)的網頁APP擁有更短的啟動時間，更快的聯網速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗功能的優(yōu)勢。HTML5提供了前所未有的數據與應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。
連接特性（Class: CONNECTIVITY）
更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網頁游戲體驗，更優(yōu)化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。
三維、圖形及特效特性（Class: 3D, Graphics Effects）
基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。
性能與集成特性（Class: Performance Integration）
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環(huán)境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
移動WEB前端開發(fā)屬于HTML5開發(fā)，使用HTML+CSS+JavaScript三種語言編寫，該職位偏向于移動端網頁開發(fā)，包括H5專題頁、移動前端網頁，廣告落地頁、Hybrid App等；
Tips：由于原生APP開發(fā)需要開發(fā)兩個客戶端（Android和iOS），產品開發(fā)周期和成本相對較高，因此出現了Hybrid App。Hybrid App可以使用PhoneGap將網頁直接打包成Android原生APP和iOS原生APP。
1，經常會有硬件交互，例如攝像頭，相機，指紋識別，陀螺儀，等。
2，依賴設備的操作系統，因為設備都有自動省級機制，幾乎不需要考慮新特性的兼容性。
3，無論用原生還是 h5 實現，都有隨著系統更新帶來的迭代，一般使用熱更新。
WEB前端開發(fā)也是屬于HTML5開發(fā)，使用HTML+CSS+JavaScript三種語言編寫，主要偏向PC端的網頁開發(fā)，包括PC端網頁開發(fā)、PC端后臺管理頁面等，也會涉及部分的移動端網頁開發(fā)。
1，除了鼠標鍵盤幾乎不需要與硬件交互，有特殊需求才會有硬件交互，例如在線直播，語音輸入等。
2，需要考慮瀏覽器兼容性，主要看用戶群體，代碼需要兼容到哪個版本。
3，瀏覽器的升級，幾乎不需要迭代，版本迭代幾乎都是需求變化。
移動端開發(fā)主要是開發(fā)APP，屬于c/s架構的開發(fā)。Web前端開發(fā)是基于PC端或移動端瀏覽器來開發(fā)web頁面，屬于b/s架構的開發(fā)。
移動端開發(fā)主要針對手機、電視等智能設備，web前端開發(fā)則主要針對pc端。
移動端開發(fā)針對系統類型采用的編程語言也有所不同，安卓端采用Java或Kotlin開發(fā)語言，IOS采用object-c或swift語言開發(fā)。以上這些語言屬于原生開發(fā)，還有混合式開發(fā)，如Fluter+Dart、ReactNative、vuex?；趙ebview的套殼應用，如微信小程序、百度小程序、快應用等。
Web前端開發(fā)使用的開發(fā)語言是JavaScript或其超集Typescript，使用的開發(fā)框架主要以React、Vue、Angular為主。
移動端開發(fā)開發(fā)的產品，一般是to C的服務型產品。Web前端開發(fā)開發(fā)的產品，一般是to B的產品。
重慶分公司
重慶分公司
