-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
移動web開發(fā)技術(shù)是什么(移動web開發(fā)技術(shù)是什么專業(yè))
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于移動web開發(fā)技術(shù)是什么的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準(zhǔn),寫出的就越詳細,有微信小程序端、在線網(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
本文目錄:
一、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
1.web前端開發(fā)
用最簡單粗暴的方式來講,就是用html + css + javascript來構(gòu)建一個供人瀏覽的網(wǎng)頁,其中又包括兩個主要的分類:pc端網(wǎng)頁開發(fā)以及移動端網(wǎng)頁開發(fā)(很多時候被稱為h5開發(fā))。
那么這兩者有什么區(qū)別呢,依據(jù)本人的經(jīng)驗來看,pc端的網(wǎng)頁開發(fā)要考慮更多樣式兼容性的問題,ie,火狐,chrome等各大瀏覽器內(nèi)核不一,使用到新特性的時候需要給樣式加上最基礎(chǔ)的兼容前綴,所以最好的做法還是盡量避免使用新樣式屬性來完成預(yù)期的效果。在移動端開發(fā)網(wǎng)頁就基本不用考慮這種瀏覽器間的兼容問題了,手機上的瀏覽器絕大部分是webkit內(nèi)核的,所以在移動端網(wǎng)頁開發(fā)的時候能用到很多新的特性,像是極大簡便了頁面布局的flex布局,還有各種語義化的標(biāo)簽等。但是由于移動端手機的尺寸種類繁多,所以在這方面要下點功夫,舉個最簡單的例子就是一行本來是能顯示3個目標(biāo)的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區(qū)別例如js庫的選擇(pc上用jQuery,移動端用zepto等)。
像一個官方網(wǎng)站肯定是需要在pc上以及移動端都能有較好的顯示效果,為了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應(yīng)的網(wǎng)頁UI框架,根據(jù)設(shè)備的寬度不同顯示不同的效果。但是現(xiàn)在主流還是做2套UI再根據(jù)UserAgent等來分別顯示不同的頁面,這樣在移動端的顯示能更靈活一點。
2.移動前端開發(fā)
主流的移動前端開發(fā)指的是Android一級iOS的原生開發(fā),什么是原生開發(fā),最簡單來講就是Android用java寫iOS用ObjectC(swift)寫。這樣做出來的app在瀏覽體驗上肯定是優(yōu)于網(wǎng)頁的。
由于原生開發(fā)需要兩個端開發(fā),開發(fā)周期長(原生開發(fā)難度比web開發(fā)要大),所以最近很多公司都會把產(chǎn)品的一些頁面抽出來用webview來實現(xiàn),甚至還可以使用phonegap將你的網(wǎng)頁打包成app(可以理解為純webview的一個app)。這樣的app稱為hybrid app,可以說是在開發(fā)效率以及用戶體驗上各有取舍得出來的產(chǎn)物吧。本人也是使用過ionic以及react native這兩個hybrid app框架,可以說是節(jié)約時間人力成本的一種不錯的選擇吧,并且還能讓你一個web程序員產(chǎn)生了一種自豪感:“臥槽我居然能開發(fā)app了?!?
二、移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
移動客戶端的開發(fā)類型,主要是三種:Native App(原生APP),也就是完全使用移動設(shè)備系統(tǒng)語言寫的客戶端,iphone iPad就是純Object-C,安卓就是純JAVA, 就是用戶看到的界面啦體驗到的交互啦都是原生的。這是性能最棒的開發(fā)方式,但靈活性就沒下面的好。
web App, 這個就是在移動瀏覽器里打開的,純HTML+CSS+JS,說白了就是個網(wǎng)頁,只不過非常的富應(yīng)用,比如手機瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。ios支持可以在桌面創(chuàng)建訪問的快捷方式,但是說到底還是打開Safari跑。。而且對設(shè)備硬件的接口什么的挺薄弱。
Hybrid App.[HTML5 in Mobile devices] 我覺得這個更為合適一些。實際上是使用原生寫了一個容器,然后使用HTML+CSS+JS來實現(xiàn)用戶界面和交互。Web App的短處便可以克服(因為自己寫的容器可以輔助暴露偏底層的接口,比如本地存儲或者麥克風(fēng)控制之類),同時比起純原生的java或者object-c開發(fā)靈活性要高(更新可以更快更迅速,也不依賴于市場,因為說白了,就是自己下載更新網(wǎng)頁資源。。)實際上這種方式已經(jīng)不限于移動端。。豌豆莢其實是個pc端的hybrid app 哇~~~ 而且說實在的,桌面開發(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、手機網(wǎng)頁開發(fā)。這部分跟web前端開發(fā)差別不大,使用的技術(shù)都是html+css+js。區(qū)別為手機瀏覽器是webkit的天下,pc端是IE的天下。手機網(wǎng)頁可以理解成pc網(wǎng)頁的縮小版加一些觸摸特性。因為是在瀏覽器中進行的網(wǎng)頁開發(fā),所有最終代碼具有跨系統(tǒng)平臺的特性。 2、app前端開發(fā)。使用的技術(shù)也是html+css+js,但它需要基于PhoneGap等開發(fā)平臺調(diào)用手機核心功能接口(包括地理定位,加速器,聯(lián)系人,聲音和振動等)模擬native app,這部分跟web前端開發(fā)完全不同。最終代碼發(fā)布要分別編譯成各系統(tǒng)平臺的app。
以上就是關(guān)于移動web開發(fā)技術(shù)是什么相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
中國移動靚號網(wǎng)上選號(申請一個400號碼多少錢)
互聯(lián)網(wǎng)技術(shù)主要學(xué)什么(移動互聯(lián)網(wǎng)技術(shù)主要學(xué)什么)
移動營銷和傳統(tǒng)營銷的區(qū)別(移動營銷和傳統(tǒng)營銷的區(qū)別和聯(lián)系沒有任務(wù)詳情)
杭州市考試院官網(wǎng)首頁(杭州市考試院官網(wǎng)首頁查詢)