當前位置:首頁 » 網頁前端 » 移動端web端pc端
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

移動端web端pc端

發布時間: 2022-04-20 04:45:39

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

移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端
那麼他們的區別在哪呢?我給你分析一下:
1、新技術的使用
目前移動終端主要以Webkit內核為中心,更好地支持HTML5等新技術,讓新技術得到更廣泛的應用。但是PC終端的開發需要兼容IE等老瀏覽器,所以新技術的應用必須考慮瀏覽器的兼容性。
2、業務的應用場景
Web前端開發主要是指傳統的在電腦端開發網頁,網頁主要運行在PC端,而手機端開發的網頁運行在手機端。這兩者沒有區別,孰難孰易。開發難度主要看業務需求。
3、頁面的適配性
在傳統的PC端頁面開發中,需要為頁面設置固定的寬度,以確保兩側都有頁邊距。但是移動頁面會選擇在手機屏幕上顯示盡可能多的內容,因為它的運營商手機屏幕比PC端小得多。這時候就要求移動頁面要能完全適應各種屏幕尺寸的手機,最大限度地利用。從這個頁面的適應性來看,移動端比PC端更難。
4、頁面的性能
一般情況下, PC端的網路通過網線或 WIFI與網路相連,而移動端則比較復雜。除 WIFI外,還有2 G、3 G、4 G、5 G,甚至常常會有多個不同網路連接間的切換。因此, PC端的網路狀況將比移動端更加穩定。移動端的頁面資源不能太大,否則當網路狀況不好時,頁面無法訪問,這對網頁性能造成了很大的影響。
以上就是我給你分享的關於移動前端和web前端的區別,希望我的回答對你有所幫助

Ⅱ 移動前端開發和 Web 前端開發的區別是什麼

1,普通pc端開發與移動端開發區別。
先說背景,我大言不慚的說一下,我pc端的前端開發幹了有快4年多,不算大牛,也算一個標準的前端開發工程師吧,可憐的是我2015年之前做過的移動端項目不超過1個。。所以幾乎經驗為零。我對這個神秘又被炒的火熱的名字迷惑了很久,移動前端開發工程師,h5前端開發工程師,native前端開發工程師,Hybrid前端開發工程師,卧槽感覺屌屌的有木有啊。。
所以我在15年決定棄坑了(pc的代碼實在寫膩歪了。。),投身到專屬的移動開發中,業余時間也做過phonegap,也知道和了解過一些h5+native開發的方式,下面就慢慢給大家【科普】一下。。說錯了別噴。
普通pc端開發,我理解就是你拿電腦打開的網頁都算【這不是廢話么】。
那麼移動端前端開發工程師,說白了就很好理解了,做手機網頁的前端開發工程師。
這么一比,是不是感覺,移動端開發簡單多了?
沒錯,我轉了之後發現還真是呢。。。【還有點小激動】
pc,我們需要考慮什麼呢?有點開發經驗的同學都知道,ie6-11,firefox,chrome,safari都得兼容的吧。哪個都夠你吃一壺的,無論是css還是js。
mobile的網頁開發,我們需要考慮什麼呢?
就目前來說,我們只需要考慮webkit內核的瀏覽器和chrome,uc,qq,小米手機瀏覽器就好了。。。【後面特意會說這幾只國產瀏覽器哪裡屌了】
相比較而言,除了經驗是0以外,需要兼容的東西還是少了,少了,少了呢。
ok,單純說pc和移動端開發的區別,其實也就是這個,可以簡單的概括來說,mobile端的網頁開發比pc端的網頁開發,更簡單一些。【頁面小了啊,裝的東西少了,css和html寫的少了吧】交互簡單一些【滑動,觸屏,手勢,平時看看手機你還能有啥特殊操作?】
so,別被這玩意嚇壞了,根據我的經驗來看,pc端的前端開發程序員,轉mobile開發,一點問題沒有,而且上手會很快。
夠直白的解釋了。
2,移動端web app開發與套殼開發區別。
移動端web app,移動端網頁,Hybrid開發【我喜歡叫套殼開發工程師……】,無所謂叫什麼,移動端開發無疑就是這3種了。下面一一解釋下我的理解。
移動端web app是什麼呢?簡單理解就是頁面頭部加入了下面這一句話的東西:

<meta name="apple-mobile-web-app-capable" content="yes">

這個meta的作用是讓普通移動網頁被添加到主屏幕後,擁有一些類native的功能,很多同學應該都很熟悉了。就是類似隱藏ios的上下狀態欄,實現全屏,禁止彈性拖拽,全屏,修改頂部顏色等。
我理解這種模式的網頁為web app,當然還有一種類型就是大家平時都訪問的那些網站,比如手機taobao,手機美團,手機微博的網頁版,大家打開的時候,不是全屏的,但是用起來,開發者把它們偽裝的很像這種web app的交互體驗而已。
以上2種我覺得可以總結為web app。而不是普通的移動端網頁,如果想看移動端網頁,可以參考手機新浪網,手機網頁,手機騰訊新聞,手機鳳凰,是很好的對比。
之後我來說下套殼的吧。這部分如果沒有開發過phonegap或者類似和native連調過webview的同學,可能覺得很陌生,其實不是,這種套殼開發和開發普通的網頁沒什麼區別,只不過資源大部分是file開頭的,本地資源,網路資源分為使用js非同步介面獲取和native獲取,再和js的介面交互,類似ios中,可以直接在oc或者swift可以直接在webview中執行js,android同理,但是js想調用native功能怎麼辦呢?
我們這邊的做法是有一個負責通訊的iframe,我們通過修改這個iframe的url,來讓native來監控一系列特殊的url地址請求,再在native中調用對應的功能,比如攝像頭,特殊交互,呼起,或者提供介面數據。數據的提供方式類似jsonp的原理,在執行函數的參數中傳回來。
理解了這塊,其實做套殼的比做普通web app和網頁都簡單,因為在native的webview中是可以指定是什麼版本的webview,用什麼內核,擁有什麼等級的安全許可權等等,ios和android做法不一樣,但是原理一致,對於前端開發工程師來說是無差的。
而且套殼開發還有個好處就是,因為資源是本地化的,所以可以使用比較重的框架,如angular,react,一些三方框架,因為最終都是通過和native代碼捆綁發布的。
套殼native的靜態前端部分的更新,我們可以使用遠程下載靜態資源包的方法實現,不發布大版本而修改webview中邏輯的需求,這一點也是大部分公司選擇一半native一半h5來開發的原因。都知道ios審核發版很慢。
這些就是我知道的一些很通俗的區別了,技術細節就不說了,太多。大家有個概念就好啦。

Ⅲ 在線等。PC端是什麼,網頁(web)端是什麼,移動端是什麼。

首先,不管是電腦還是手機,都可以安裝軟體,或者打開網頁,所以有所謂的pC端移動端。
網頁端就是純的網頁,不是下載到電腦或者手機安裝的軟體了

Ⅳ pc端和web端有什麼區別

操作方式
PC端的操作方式與移動端已經有了明顯的差別,PC端使用滑鼠操作,操作包含滑動、左擊、右擊、雙擊操作,操作相對來說單一,交互效果相對較少,而對於手機端來說,包含手指操作點擊、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操作外還可以配合感測器完成搖一搖、陀懸儀感應燈操作方式,操作方式更加的豐富,通過這些豐富的操作可設計不同新穎吸引人的交互互動設計。
屏幕尺寸
隨著時間的推移,移動端的設備屏幕逐漸增大,但是你再大也是大不過PC電腦屏幕的,這是毋庸置疑的。PC端屏幕大,所以他的視覺范圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。移動端設備相對來說屏幕較小,操作局限性大,在設計上可用空間顯得尤為珍貴,在小小的屏幕上使用粗大的手指操作也需要在設計中避免原件過小過近。
網路環境
當下不管是移動端還是PC端都離不開網路,PC端設備連接網路更加穩定,而移動端可能遇到信號問題導致網路環境不佳,出現網速差甚至斷網的問題,這就需要產品經理在設計中充分考慮網路問題,更好的設計相應的解決方案。
感測器
移動端設備重磅武器來襲,完善的感測器是PC端設備望塵莫及的,壓力、方向、重力、GPS、NFC、指紋識別、3Dtouch、陀螺儀等等等等,就是因為這些感測器的存在才使得我們的生活更加豐富多彩,有了他們你才能玩賽車游戲才能搖妹子才能統計每天走了多少步,產品在設計中巧妙地使用感測器能讓產品添姿加彩。
使用場景與使用時間
這兩塊我們一起來說,因為PC端設備的使用場景多為在家或者學校公司等一些固定的場景,所以其使用時間偏向於持續化,在一個特定的時間段內持續使用,而移動端設備不受局限可以吃飯用、坐車用、拉屎用、無聊打發時間用、躺著用、坐著用、倒立著用都沒人管你,隨時隨地想用就用,所以他的使用時間更加靈活,時間更加碎片化,所以在操作上更偏向於短時間內可完成的。
軟體迭代時間以及更新頻次
你有沒有很久都沒有更新你的PC軟體了,但是你的手機軟體確實永遠保持著最新的狀態,這就是他們兩者的區別,對於移動端他的軟體迭代時間較短,用戶更新率較高而PC端軟體迭代時間較長,除非出於需要用戶一般不會主動更新軟體,軟體更新率低。
續航
除了筆記本PC端台式機只要有電他就從沒有考慮過這個問題,移動端設備則需要考慮。
功能設計
你有沒有在移動端看到過下拉菜單,有沒有在PC端看到過滑動解鎖,相同的功能在不同的設備上有其自己的展現形式。

Ⅳ Web前端pc和移動端的區別

pc,我們需要考慮五大瀏覽器,ie6-11,firefox,chrome,safari都得兼容的吧。css還是js,以及各種框架。
mobile的網頁開發,我們需要考慮什麼呢?
就目前來說,我們只需要考慮webkit內核的瀏覽器和chrome,uc,qq,小米手機瀏覽器就好了
1、PC端在開發過程中考慮的是瀏覽器兼容性,移動端開發中考慮的是手機兼容性問題,做移動端開發,更多考慮的是手機解析度的自適應和不同手機操作系統的略微差異化;

2、在部分事件的處理上,移動端自然是偏向於觸屏的,另外包括移動端彈出的手機鍵盤該如何處理,這樣的問題在PC上肯定不會遇到,但在移動端,如果你沒有經驗,處理起來是相當麻煩的;
3、布局上,移動端開發是要做到頁面布局自適應的,而PC端頁面布局的比例會相對固定;
4、在動畫效果處理上,PC端要考慮IE的兼容性,通常用JS做動畫的通用性會好一些,但相比CSS3卻犧牲了較大的性能,而在手機端,如果要做一些動畫、特效等,第一選擇肯定是CSS3,既簡單,效率又高。
在實際中肯定還有其他一些不常見的問題

Ⅵ 前端和Web前端有什麼區別嗎

web前端是指網站的前端開發,相對於後端而言,主要是給用戶呈現網站等界面。

web前端屬於IT行業中熱門的崗位,相比較於其他的IT技術來說,是比較簡單的。前端主要負責實現網站或者APP頁面,涉及的代碼量比後端開發小,但薪資和發展都不差,課程是目前前沿的前端技能叫web全棧工程師。

web全棧工程師5.0課程包括:

①計算機基礎以及PS基礎

②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)

③移動開發

④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)

⑤小程序開發

⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)

⑦就業拓展(網站SEO與前端安全技術)

互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。

想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。

祝你學有所成,望採納。

Ⅶ web端和pc端有什麼區別

1、操作方式不同


PC端的操作方式與移動端已經有了明顯的差別,PC端使用滑鼠操作,操作包含滑動、左擊、右擊、雙擊操作,操作相對來說單一,交互效果相對較少。


而對於手機端來說,包含手指操作點擊、滑動、雙擊、雙指放大、雙指縮小、五指收縮和蘋果最新的3Dtouch按壓力度,除了手指操作外還可以配合感測器完成搖一搖、陀懸儀感應燈操作方式,操作方式更加的豐富,通過這些豐富的操作可設計不同新穎吸引人的交互互動設計。


2、屏幕尺寸不同


PC端屏幕大,所以他的視覺范圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。


移動端設備相對來說屏幕較小,操作局限性大,在設計上可用空間顯得尤為珍貴,在小小的屏幕上使用粗大的手指操作也需要在設計中避免原件過小過近。

3、網路環境不同


當下不管是移動端還是PC端都離不開網路,PC端設備連接網路更加穩定,而移動端可能遇到信號問題導致網路環境不佳,出現網速差甚至斷網的問題,這就需要在設計中充分考慮網路問題,更好的設計相應的解決方案。

Ⅷ 移動前端開發和 Web 前端開發的區別是什麼

移動前端開發和web前端開發都屬於前端開發,具體有以下區別。

1、業務的應用場景

web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上。

直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。

2、新技術的使用

由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術,而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。

5、框架選型

由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。

而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業的後台管理系統項目中。

Ⅸ web端、無線端、PC端的區別是什麼

區別可以理解為:web是通過瀏覽器瀏覽的,pc相當於電腦上下載的軟體,APP相當於手機上下載的軟體。

首先web端、無線端、PC端,要分別拆解兩部分 web+端,無線+端,PC+端,端即為設備。

什麼是Web? Web (World Wide Web) 即全球廣域網,也稱為萬維網,它是一種基於超文本和HTTP的、全球性的、動態交互的、跨平台的分布式圖形信息系統。是建立在Internet上的一種網路服務,為瀏覽者在Internet上查找和瀏覽信息提供了圖形化的、易於訪問的直觀界面。

那麼Web端就是可以瀏覽Internet上信息的設備,再說得簡單點,就是設備上可以安裝瀏覽器,都可以稱之為Web端,可以是台筆記本電腦,也可以是PAD,或是一台冰箱,只要可以安裝瀏覽器的設備,我們都可以稱之為Web端。

無線端也稱移動端,目前泛指手機端。

PC(Personal Computer),個人計算機,PC端,泛指筆記本電腦或是台式機。

總結如下:

無線端指的是移動端的數據或者用戶。

PC端指的是電腦端的數據或者用戶。

區別就是一個是通過手機瀏覽的,一個是通過電腦瀏覽的。

而pc端和WEB端都是指電腦的埠,如果說區別是手機端mob端的區別。






Ⅹ 移動前端開發和web前端開發有什麼區別

移動前端開發和web前端開發有什麼區別呢?既然都是前端開發,兩者肯定有緊密的聯系,移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域,而現在的前端開發人員也已早就不是當年的切圖仔了,需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有餘,但是不論趨勢如何發展,目前來看HTML、CSS和Java依然是整個前端開發的三大基石。不論是想做移動前端開發還是web前端開發,這三樣基礎技術都必須熟練掌握。移動前端開發和web前端開發有什麼區別呢?
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上;直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內容,這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定,都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生,不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。移動前端開發和web前端開發有什麼區別
5、框架選型
由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企