2019-08-26 13:40:09 4360瀏覽
現(xiàn)如今的互聯(lián)網(wǎng)飛速發(fā)展,小編覺得PC端的定位就是用戶視覺瀏覽路線,可以顯示較多的內(nèi)容,而移動互聯(lián)網(wǎng)終端的定位就是便攜。本篇文章扣丁學(xué)堂HTML5培訓(xùn)小編就給小伙伴們分享一下HTML5常見面試中常見的PC端和移動端的區(qū)別,感興趣的小伙伴就隨小編來了解一下吧。
PC端和移動端有什么區(qū)別:
小編覺得PC端的定位就是用戶視覺瀏覽路線,可以顯示較多的內(nèi)容,而移動互聯(lián)網(wǎng)終端的定位就是便攜,體現(xiàn)的是“Anyone
Anytime
Anywhere”的理念,它不是替代PC的設(shè)備,準(zhǔn)確的說是PC的補(bǔ)充,可以讓人們很好的利用起零碎的時(shí)間。下面從4個(gè)方面分析他們之間的區(qū)別。
1、界面布局。PC端和移動端的屏幕尺寸不同,導(dǎo)致顯示的內(nèi)容也會有所差異。移動端屏幕相對窄小,一般是單列顯示,最多也只能是雙列+響應(yīng)式,但是PC端的屏幕大,布局可以更加靈活。
2、使用習(xí)慣。移動端的操作尺度比較大,單擊誤差大,所以按鈕、鏈接等元素比較設(shè)計(jì)的大一些。而PC端的操作尺度比較小,用鼠標(biāo)單擊是一件比較準(zhǔn)確的事情,所以在設(shè)計(jì)按鈕或者鏈接等樣式時(shí)可以稍微小一些。比如說淘寶網(wǎng)頁的PC版和手機(jī)版。在PC版的淘寶頁面中,有些小按鈕能放下的功能,在移動版就必須另彈窗口讓用戶詳細(xì)輸入。
3、網(wǎng)絡(luò)速度。手機(jī)的網(wǎng)絡(luò)一般是2G\3G\4G\WIFI等,網(wǎng)頁的加載速度會影響用戶的體驗(yàn),需要消耗用戶的流量,所以要少用圖片、動畫、JS等,而PC的網(wǎng)絡(luò)一般是連接寬帶或者WIFI,PC端的用戶一般不會考慮頁面消耗的流量,所以一般不用考慮加載問題。
4、技術(shù)層面。移動端開發(fā)有一些jquery for
mobile一類的庫是專用,不適用于PC端。當(dāng)然,反過來有些PC端的工具或者技術(shù)在移動端也不好用。PC應(yīng)用更關(guān)注的是后臺、大數(shù)據(jù)、算法類的,而移動端更關(guān)注的是如何更好地交互和體驗(yàn)。
總結(jié):感覺移動端開發(fā)更好,因?yàn)橐苿佣撕陀脩粲懈苯拥慕佑|,而且以后應(yīng)用會更廣泛,需要考慮的兼容性也相對較少,在技術(shù)層面的實(shí)現(xiàn)相對簡單,畢竟移動端是大勢所趨,以后的使用會越來越多。
想要了解更多內(nèi)容的小伙伴可以登錄扣丁學(xué)堂官網(wǎng)咨詢。想要學(xué)好HTML5開發(fā)小編給大家推薦口碑良好的扣丁學(xué)堂,扣丁學(xué)堂有專業(yè)老師制定的HTML5學(xué)習(xí)路線圖輔助學(xué)員學(xué)習(xí),此外還有與時(shí)俱進(jìn)的HTML5課程體系和HTML5視頻教程供大家學(xué)習(xí),想要學(xué)好HTML5開發(fā)技術(shù)的小伙伴快快行動吧??鄱W(xué)堂H5技術(shù)交流群:673883249。
【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】 【掃碼進(jìn)入HTML5前端開發(fā)VIP免費(fèi)公開課】