正文

移動web開發(fā)技術(shù)是什么（移動web開發(fā)技術(shù)是什么專業(yè)）

發(fā)布時(shí)間：2023-04-22 00:32:17 稿源：創(chuàng)意嶺閱讀： 66

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于移動web開發(fā)技術(shù)是什么的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
2、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
3、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
4、HTML5開發(fā)和web前端開發(fā)有什么不同，在移動端開發(fā)上的不同是什么？

移動web開發(fā)技術(shù)是什么（移動web開發(fā)技術(shù)是什么專業(yè)）

一、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么

1.web前端開發(fā)

用最簡單粗暴的方式來講，就是用html + css + javascript來構(gòu)建一個(gè)供人瀏覽的網(wǎng)頁，其中又包括兩個(gè)主要的分類：pc端網(wǎng)頁開發(fā)以及移動端網(wǎng)頁開發(fā)（很多時(shí)候被稱為h5開發(fā)）。

那么這兩者有什么區(qū)別呢，依據(jù)本人的經(jīng)驗(yàn)來看，pc端的網(wǎng)頁開發(fā)要考慮更多樣式兼容性的問題，ie，火狐，chrome等各大瀏覽器內(nèi)核不一，使用到新特性的時(shí)候需要給樣式加上最基礎(chǔ)的兼容前綴，所以最好的做法還是盡量避免使用新樣式屬性來完成預(yù)期的效果。在移動端開發(fā)網(wǎng)頁就基本不用考慮這種瀏覽器間的兼容問題了，手機(jī)上的瀏覽器絕大部分是webkit內(nèi)核的，所以在移動端網(wǎng)頁開發(fā)的時(shí)候能用到很多新的特性，像是極大簡便了頁面布局的flex布局，還有各種語義化的標(biāo)簽等。但是由于移動端手機(jī)的尺寸種類繁多，所以在這方面要下點(diǎn)功夫，舉個(gè)最簡單的例子就是一行本來是能顯示3個(gè)目標(biāo)的item但是在某些小尺寸的手機(jī)上只能顯示2個(gè)。其他還有一些細(xì)微的區(qū)別例如js庫的選擇（pc上用jQuery，移動端用zepto等）。

像一個(gè)官方網(wǎng)站肯定是需要在pc上以及移動端都能有較好的顯示效果，為了解決這個(gè)問題的方案主要有2種。一是使用像是bootstrap這種自適應(yīng)的網(wǎng)頁UI框架，根據(jù)設(shè)備的寬度不同顯示不同的效果。但是現(xiàn)在主流還是做2套UI再根據(jù)UserAgent等來分別顯示不同的頁面，這樣在移動端的顯示能更靈活一點(diǎn)。

2.移動前端開發(fā)

主流的移動前端開發(fā)指的是Android一級iOS的原生開發(fā)，什么是原生開發(fā)，最簡單來講就是Android用java寫iOS用ObjectC（swift）寫。這樣做出來的app在瀏覽體驗(yàn)上肯定是優(yōu)于網(wǎng)頁的。

由于原生開發(fā)需要兩個(gè)端開發(fā)，開發(fā)周期長（原生開發(fā)難度比web開發(fā)要大），所以最近很多公司都會把產(chǎn)品的一些頁面抽出來用webview來實(shí)現(xiàn)，甚至還可以使用phonegap將你的網(wǎng)頁打包成app（可以理解為純webview的一個(gè)app）。這樣的app稱為hybrid app，可以說是在開發(fā)效率以及用戶體驗(yàn)上各有取舍得出來的產(chǎn)物吧。本人也是使用過ionic以及react native這兩個(gè)hybrid app框架，可以說是節(jié)約時(shí)間人力成本的一種不錯(cuò)的選擇吧，并且還能讓你一個(gè)web程序員產(chǎn)生了一種自豪感：“臥槽我居然能開發(fā)app了?！?

二、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么

移動客戶端的開發(fā)類型，主要是三種：Native App（原生APP），也就是完全使用移動設(shè)備系統(tǒng)語言寫的客戶端，iphone iPad就是純Object-C，安卓就是純JAVA, 就是用戶看到的界面啦體驗(yàn)到的交互啦都是原生的。這是性能最棒的開發(fā)方式，但靈活性就沒下面的好。

web App, 這個(gè)就是在移動瀏覽器里打開的，純HTML+CSS+JS，說白了就是個(gè)網(wǎng)頁，只不過非常的富應(yīng)用，比如手機(jī)瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。ios支持可以在桌面創(chuàng)建訪問的快捷方式，但是說到底還是打開Safari跑。。而且對設(shè)備硬件的接口什么的挺薄弱。

Hybrid App.[HTML5 in Mobile devices] 我覺得這個(gè)更為合適一些。實(shí)際上是使用原生寫了一個(gè)容器，然后使用HTML+CSS+JS來實(shí)現(xiàn)用戶界面和交互。Web App的短處便可以克服（因?yàn)樽约簩懙娜萜骺梢暂o助暴露偏底層的接口，比如本地存儲或者麥克風(fēng)控制之類），同時(shí)比起純原生的java或者object-c開發(fā)靈活性要高（更新可以更快更迅速，也不依賴于市場，因?yàn)檎f白了，就是自己下載更新網(wǎng)頁資源。。）實(shí)際上這種方式已經(jīng)不限于移動端。。豌豆莢其實(shí)是個(gè)pc端的hybrid app 哇~~~ 而且說實(shí)在的，桌面開發(fā)的性能就現(xiàn)在來說要比移動好很多。。

三、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么

這位網(wǎng)友你好，不太明白你指的是哪方面。移動前端開發(fā)指的是移動設(shè)備上的開發(fā)，布局上要兼容各種屏幕大小，所以一般用百分比來控制寬度。web前端開發(fā)指的是pc端，寬度一般都是固定大小的，不需要考慮屏幕大小。

四、HTML5開發(fā)和web前端開發(fā)有什么不同，在移動端開發(fā)上的不同是什么？

總體上應(yīng)該一樣，技術(shù)體系都差不多。不過pc需要兼容的瀏覽器更多些，mobile下andorid，ios都是基于webkit，所以相對好些。移動前端開發(fā)可分為： 1、手機(jī)網(wǎng)頁開發(fā)。這部分跟web前端開發(fā)差別不大，使用的技術(shù)都是html+css+js。區(qū)別為手機(jī)瀏覽器是webkit的天下，pc端是IE的天下。手機(jī)網(wǎng)頁可以理解成pc網(wǎng)頁的縮小版加一些觸摸特性。因?yàn)槭窃跒g覽器中進(jìn)行的網(wǎng)頁開發(fā)，所有最終代碼具有跨系統(tǒng)平臺的特性。 2、app前端開發(fā)。使用的技術(shù)也是html+css+js，但它需要基于PhoneGap等開發(fā)平臺調(diào)用手機(jī)核心功能接口（包括地理定位，加速器，聯(lián)系人，聲音和振動等）模擬native app，這部分跟web前端開發(fā)完全不同。最終代碼發(fā)布要分別編譯成各系統(tǒng)平臺的app。

以上就是關(guān)于移動web開發(fā)技術(shù)是什么相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。