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

前端pc端和手機端方向

發布時間: 2023-01-02 12:38:54

前端:移動端和PC端的區別

移動端:手機、平板電腦等設備。
PC端:台式電腦、筆記本電腦。

⑵ 前端是指移動端還是大前端

1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上;直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。
如果你想要學好web前端最好加入一個好的學習環境,可以來這個Q群,首先是132,中間是667,最後是127,這樣大家學習的話就比較方便,還能夠共同交流和分享資料
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內容,這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定,都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生,不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。
5、框架選型

由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企業的後台管理系統項目中。
2020-04-09
0
更多回答(3)
h5和web前端到底有什麼區別啊_選達內_小白也能快速入門
h5和web前端到底有什麼區別啊開設java/大數據/WEB/php/python/linux/c++等IT熱門課程各課程技術專家授課,不同類型學員分班教學,4個月學,先就業在付費,
www.te.cn
廣告
想了解h5前端開發培訓哪家好?戳這里>>[知道]-達內
h5前端開發培訓哪家好,總監項目實戰教學,入門快,實戰多,100萬學員已見證!h5前端開發培訓哪家好點擊免費試聽7天,學不學您說了算!
nm.te.cn
廣告
h5和web前端到底有什麼區別啊_優質推薦
查詢h5和web前端到底有什麼區別啊,我們為您推薦更多優質商家,資質保證,放心選擇有保障!
商家列表
廣告
相關搜索
h5移動端開發是什麼前端移動端開發移動端網頁開發教程移動端和web端的區別移動端開發語言web前端開發的web指的是移動端頁面開發web移動端

⑶ 移動端前端開發與PC端比有哪些不同

1、pc端有ie,chrome,ff 內核兼容問題移動端,簡單來說兼容問題相對較少。但是移動端要做好多解析度的處理。移動端所有圖片和所有html標簽的尺寸都要減半。
2、移動端在布局跟js效果方面,與PC端有什麼不同:
先說布局方面:
PC端最常用的就是固定寬度980px(也有960,1000,1200),然後水平居中 width:980px;margin:0 auto;但移動端就不能這么用了,因為很多網頁都是可以橫屏看,也可以豎屏看;很多屏幕的解析度不一樣;
所以只要牽涉到移動端,就要牽涉到響應式(也叫自適應);如果是只針對移動端的項目,我平時主要考慮的是320px寬 到 750px寬的兼容;
js方面:(有沒有canvas,對js影響很大)
第一、普通移動端網頁(比如手機新浪網,手機淘寶,手機網路等)這個在js方面和PC端區別不是太大;主要的區別在於移動端沒有了滑鼠懸停(onmouseover);點擊(onclick)還可以用;多了觸摸、滑動(會用一些插件)。
第二、canvas相關游戲canvas相關的html5增加了好多js;
3、手機游覽器可能不兼容css3的屬性,這時你可以使用以下代碼來加強你代碼的健壯性
(1)@media screen and (max-width: 355px) { //寬度小於355px時
...
(2)我們的處理方法是在使用calc()的上面寫上普通的樣式,例如:width:95%;
width:calc(100% - 10px);
width:-webkit-calc(100% - 10px);
width:-moz-calc(100% - 10px);
當游覽器無法讀取樣式時會使用最上面的widht:95%;這樣會與實際設計稿有些許出入,所以使用時謹慎對待~

⑷ 淘寶網店的前端分為PC端和

移動端。
PC端咱們最常用的就是固定寬度980px(也有960,1000,1200),然後水平居中,width:980px;margin:0 auto;
但移動端就不能這么用了,因為很多網頁都是可以橫屏看,也可以豎屏看;很多屏幕的解析度不一樣。
所以只要牽涉到移動端,就要牽涉到響應式(也叫自適應);如果是只針對移動端的項目,我平時主要考慮的是320px寬 到 750px寬的兼容。
某寶移動端即為手機端,pc端即為電腦端。在手機端APP打開的某寶就是移動端,在電腦輸入網址打開的店鋪就是PC端。