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

2021-04-14 20:40:52 字數 1553 閱讀 8268

1樓:育知同創教育

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,既簡單,效率又高。

在實際中肯定還有其他一些不常見的問題

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

2樓:三人行慕課

業務的應用場景不同

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前端開發有什麼區別??

ui設計和web前端的區別,哪個就業前景好

我們選擇適合自抄 己,不僅要bai看表面上的區別,畢竟能du力都是後天培zhi養出來的。即便你是個dao零基礎小白,依舊不妨礙你能成為一個ui大師。所以,我們更多需要考量的是日後的工作形勢與工作環境氛圍。就ui設計來說,在公司內,是先由ui設計出一整套設計稿,然後提交給公司產品或者領導,但是實際情況...

web前端和html5開發有什麼區別

html5是屬於web前端開發的一部分,全球資訊網的核心語言 標準通用標記語言下的一個應用超文字標記語言 html 的第五次重大修改,就是所說的html5.html5手機應用的最大優勢就是可以在網頁上直接除錯和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到html5的效果,不斷地重複編碼 ...

客戶端 前端 後端 服務端的區別分別是什麼

客戶端是指開發面向客戶的程式,分很多平臺,比如windows 安卓 蘋果,還有遊戲客戶端也算一類。前端指的是通過瀏覽器和使用者互動的那部分。後端是在伺服器上跑的,一般是管理資料,為前端 客戶端提供資料傳輸的。伺服器端就是後端。服務端各種安全機制,比如身份驗證,這一條的情況在於,有的前端做身份驗證就是...