1. 程式人生 > >移動端開發和web前端開發的區別?

移動端開發和web前端開發的區別?

如果說非要有區別的話應該就是開發的軟體和方式不同,因為他們本來就不屬於一端的東西,具體來看看下面:

web前端開發

用最簡單粗暴的方式來講,就是用html + css + javascript來構建一個供人瀏覽的網頁,其中又包括兩個主要的分類:pc端網頁開發以及移動端網頁開發(很多時候被稱為h5開發)。

那麼這兩者有什麼區別呢,依據本人的經驗來看,pc端的網頁開發要考慮更多樣式相容性的問題,ie,火狐,chrome等各大瀏覽器核心不一,使用到新特性的時候需要給樣式加上最基礎的相容字首,所以最好的做法還是儘量避免使用新樣式屬性來完成預期的效果。在移動端開發網頁就基本不用考慮這種瀏覽器間的相容問題了,手機上的瀏覽器絕大部分是

webkit核心的,所以在移動端網頁開發的時候能用到很多新的特性,像是極大簡便了頁面佈局的flex佈局,還有各種語義化的標籤等。但是由於移動端手機的尺寸種類繁多,所以在這方面要下點功夫,舉個最簡單的例子就是一行本來是能顯示3個目標的item但是在某些小尺寸的手機上只能顯示2個。其他還有一些細微的區別例如js庫的選擇(pc上用jQuery,移動端用zepto,PC+移動+安卓+IOS用TUOCH UI等)。

像一個官方網站肯定是需要在pc上以及移動端都能有較好的顯示效果,為了解決這個問題的方案主要有2種。一是使用像是bootstrap這種自適應的網頁UI框架,根據裝置的寬度不同顯示不同的效果。但是現在主流還是做2套UI再根據

UserAgent等來分別顯示不同的頁面,這樣在移動端的顯示能更靈活一點。

移動前端開發

主流的移動前端開發指的是Android一級iOS的原生開發,什麼是原生開發,最簡單來講就是Android用java寫iOS用ObjectC(swift)寫。這樣做出來的app在瀏覽體驗上肯定是優於網頁的。

由於原生開發需要兩個端開發,開發週期長(原生開發難度比web開發要大),所以最近很多公司都會把產品的一些頁面抽出來用webview來實現,甚至還可以使用phonegap將你的網頁打包成app(可以理解為純webview的一個app)。這樣的app稱為hybrid app,可以說是在開發效率以及

使用者體驗上各有取捨得出來的產物吧。

最後,如果有想一起學習web前端,HTML5及JavaScript的可以來一下我的前端群733581373,好友都會在裡面交流,分享一些學習的方法和需要注意的小細節,每天也會準時的講一些前端的炫酷特效,及前端直播課程學習

 

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號:‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊