pc端和web端的區別,傳統pc端web前端和移動前端開發有哪些區別?

2022-03-21 06:35:56 字數 3739 閱讀 3009

1樓:念過涼秋

1、操作方式不同

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

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

2、螢幕尺寸不同

隨著時間的推移,移動端的裝置螢幕逐漸增大,但是你再大也是大不過pc電腦螢幕的,這是毋庸置疑的。pc端螢幕大,所以他的視覺範圍更廣,可設計的地方更多,設計性更強,相對來說容錯度更高一些有一些小的紕漏不容易被發現。

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

3、網路環境不同

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

4、感測器不同

移動端裝置完善的感測器是pc端裝置望塵莫及的,壓力、方向、重力、gps、nfc、指紋識別、3dtouch、陀螺儀等等等等,就是因為這些感測器的存在才使得產品在設計中巧妙地使用感測器能讓產品添姿加彩。

5、使用場景與使用時間不同

因為pc端裝置的使用場景多為在家或者學校公司等一些固定的場景,所以其使用時間偏向於持續化,在一個特定的時間段內持續使用,而移動端裝置不受侷限,隨時隨地想用就用,所以使用時間更加靈活,時間更加碎片化,所以在操作上更偏向於短時間內可完成的。

2樓:

一個是pc端和web端都是指電腦的埠,如果說區別是手機端mob端的區別

傳統pc端web前端和移動前端開發有哪些區別?

3樓:三人行慕課

業務的應用場景不同

web前端開發主要指傳統的pc端網頁開發,頁面主要是執行在pc端瀏覽器中,移動前端開發出來的頁面主要是執行在手機上;直觀上會感覺,pc端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的**複雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。

新技術的使用不同

由於在移動端主要以webkit核心為主,對於html5等新技術支援的更好,所以可以更大範圍的使用新技術;而pc端開發由於很多場景下要求相容ie等老版本瀏覽器,出於瀏覽器相容性的考慮,有些情況下限制了新技術的使用。

頁面的適配性不同

傳統pc端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機螢幕比pc要小很多,一般都會選擇儘可能多的在手機螢幕上顯示內容,這就要求移動端頁面要能夠充分適應各種螢幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。

頁面的效能不同

pc端的網路情況一般比較穩定,都是通過網線或者wi-fi連線網路;但是移動端就比較複雜,除了wi-fi,還有2g、3g、4g甚至是在幾種不同的網路連線中交替切換也經常發生,不穩定的網路連線對頁面效能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響使用者體驗。

框架選型不同

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

js這樣的框架,功能強大,但體積壓縮後卻只有20多k。而web端相對選擇的範圍就比較大,一些比較重型的框架也可以根據專案需求加以考慮,例如古老但龐大的ext.js,依然憑藉著眾多ui元件活躍在一些企業的後臺管理系統專案中。

web前端pc和移動端的區別

4樓:育知同創教育

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端和pc端的區別?

5樓:雲南萬通汽車學校

一、開發終端不同

1、手機端:以手機、pda、umpc等便攜終端為基礎,進行相百應的開發工作。

2、pc端:是開發基於b/s(ie瀏覽器)的網頁開發是由若干個頁面組成的度有聯絡的集合。

二、開發方式不同

1、手機端:是為小型、無線計算裝置編寫軟體的流程和程式的集合,像智慧手機或者平板電腦。移動應用開發類似於web應用開發,起源於更為傳統的軟體開發。

三、特點不同

1、手機端:無道線中介軟體(移動中介軟體)的原理就是把原生的功能封裝打包成簡單的api,開發人員只需要瞭解呼叫這些api的方法,回即可完成移動開發。

6樓:匿名使用者

web端:b/s,常見網頁。

客戶端:c/s,客戶機-伺服器,需要安裝軟體。

一般業務系統之類的開發,客戶端能做的,移植到web端同樣可以實現web端方便,開啟瀏覽器就是能用,但侷限於瀏覽器效能。還一個就是各種辣雞廣告,假設你去atm取錢,剛輸入密碼,突然右下角彈出一則廣告,你什麼感受,這個在無人值守商店比較常見。

客戶端穩定,安裝後不用重複載入資源,連線不容易掉,前提是優化到位。

pc端(web)url什麼意思

7樓:

url是統一資源定位符,對可以從網際網路上得到的資源的位置和訪問方法的一種簡潔的表示,是網際網路上標準資源的地址。網際網路上的每個檔案都有一個唯一的url,它包含的資訊指出檔案的位置以及瀏覽器應該怎麼處理它。可以簡單理解為伺服器端上的資原始檔路徑。

舉個例子:

1)http://:這個是協議,也就是http超文字傳輸協議,也就是網頁在網上傳輸的協議。

2)www:這個是伺服器名,是指在因特網上以超文字為基礎形成的資訊網。

3)php.cn:這個是域名,是用來定位**的獨一無二的名字。

4)www.php.cn:這個是**名,由伺服器名+域名組成。

5)/:這個是根目錄,也就是說,通過**名找到伺服器,然後在伺服器存放網頁的根目錄

6:)article.html:這個是根目錄下的網頁

這個叫做url,統一資源定位符,全球性地址,用於定位網上的資源。

8樓:前端報錯

(uniform resource locator,統一資源定位符)

移動端和PC端的互動設計的區別是什麼

前端開發中pc端和移動端 的區別,主要是 pc端在開發過程中考慮的是瀏覽器相容性,移動端開發中考慮的是手機相容性問題,做移動端開發,更多考慮的是手機解析度的自適應和不同手機作業系統的略微差異化。拓展 2 移動依託鐵通發展自己的有線寬頻的同時,發展移動有線通,是移動在08年電信業重組之後與廣電合作推出...

移動oa辦公與pc端辦公的區別什麼?優勢呢

移動baioa可以讓使用者在任何du 時間 任何地點zhi 任何環境都可以dao 輕鬆 便捷 高效 版地完成工作權 更好地滿足管理者 高階商務人士 業務精英自由掌控 輕鬆工作的協同辦公體驗。高時效 碎片時間利用。出差 機場 會議 家裡全天候處理待辦 審批 瀏覽 所見即所得,與組織保持實時資訊同步 強...

如何在 pc 機上測試移動端的網頁

不中如下 1 開啟移動端網頁 2 複製頁面 傳送至可以傳輸 的軟體 3 使用pc端接受 4 檢測 一 chrome 瀏覽器 chrome模擬手機總共有四種方法,原理都一樣,通過偽裝user agent,將瀏覽器 firefox和chrome都有手機模式,搭建手機模擬器,其實就是搭建一下andriod...