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

pc端跟移動端頁面是前端搞的嘛

發布時間: 2023-03-19 06:30:50

前端開發中pc端和移動端的區別

前端開發中PC端和移動端網站的區別,主要是:PC端在開發過程中考慮的是瀏覽器兼容性,移動端開發中考慮的是手機兼容性問題,做移動端開發,更多考慮的是手機解析度的自適應和不同手機操作系統的略微差異化。

拓展:

1、PC (personalcomputer),個人計算機一詞源自於1981年IBM的第一部桌上型計算機型號PC,在此之前有Apple II的個人用計算機。個人計算機由硬體系統和軟體系統組成,是一種能獨立運行,完成特定功能的設備。硬體系統:是指計算機的物理設備如電源、主板、CPU、內存、硬碟等等。l軟體系統:是指為方便使用計算機而設計的程序,軟體系統包括系統軟體和應用軟體。系統軟體指的是主要用於控制和管理計算機資源的程序,如操作系統、編譯系統等。應用軟體指各種可以運行在操作系統中的程序,如游戲軟體、工作軟體等。

2、移動依託鐵通發展自己的有線寬頻的同時,發展移動有線通,是移動在08年電信業重組之後與廣電合作推出的一種有線寬頻上網業務。移動為了和電信聯通進行有線寬頻服務的競爭,推出了這個業務。移動有線通是針對家庭用戶或企業提供的基於雙向有線網路的寬頻接入服務。當然移動有線通是針對有線上網提出的,移動很早就開辦了無線上網業務如:手機上網、3G上網、WLAN(WIFI),有線通的推出也使人們多了一種上網運營商的選擇。

⑵ 移動端的和網頁的前端代碼一樣都是html和css嗎

移動端分為兩種東西,一種是手機APP,另一種則是移動端的網頁
如果是移動端的網頁,使用的前端代碼就是和PC端一樣的html與CSS以及JavaScript這幾大技術實現的,當然移動端的網頁和PC端的網頁,在布局等功能上面實現起來並不相同,具體知識可以參照書籍《HTML5布局之路》上的講解。
如果是移動端的APP,則使用的代碼和前端代碼完全不同,iOS使用的是Object C語言,而安卓上的APP使用的是JAVA語言。

⑶ 移動端前端開發與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與移動開發區別就在於前台,後台都是差不多的。

  1. 移動開發的前端應用是陵蔽手機,當前主流是Android,iOS,winphone系統開發。行悔

  2. 移檔汪正動端開發的東西限制較多,不如PC靈活。

  3. PC開發就相對較為寬松,無論是前台還是後台。

⑸ web前端是做什麼的

Web前端是做網站的前台運行的。

web前端開發通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。它從網頁製作演變而來,名稱上有很明顯的時代特徵。

網頁製作是Web1.0時代的產物,早期網站主要內容都是靜態,以圖片和文字為主。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。

前端開發最主要的是掌握三種基本能力,HTML、CSS,JavaScript。前端的開發中,在頁面的布局時,HTML將元素進行定粗帶舉義,CSS對展示的元素進行定位,再通過JavaScript實現相應的效果和交互。

web前端應用范圍

pc端網站開發:web前端可以使用html+css製作出很多精美的pc端網頁,網站岩碧的特效可以使用js+jquery來完成。

移動端+app開發:現在的web前端工作者不局限於pc端了,移動端+app,web前端工作者也可以完成,使用前端工具+框架製作出精美的移動端頁面或app。

html5游戲開發:隨著html5的興起,web前行漏端也可以做小游戲了。使用canvas可以完成很多小游戲以及游戲引擎。

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

移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域。

移動前端開發指的是Android和iOS的原生APP開發。Android原生APP開發使用到的是Java語言,iOS原生APP開發運用到的是Object-C(Swift)語言。

當然也有移動端的web開發,偏向於移動端網頁開發,包括H5專題頁、移動前端網頁,廣告落地頁、Hybrid App等;

WEB前端開發主要偏向PC端的網頁開發,包括PC端網頁開發、PC端後台管理頁面等,也會涉及部分的移動端網頁開發。

但是不論開發web或者移動端頁面,不論趨勢如何發展,目前來看HTML、CSS和JavaScript依然是整個前端開發的三大基石。所以不論題主是想做移動前端開發還是web前端開發,這三樣基礎技術都必須熟練掌握。

⑺ 手機WEB頁面開發跟PC端差別大嗎

差別大,主要差別在一下方面。

一、開發終端不同

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

2、PC端:是開發基於B/S(IE瀏覽器)的網頁開發是由若干個頁面組成的有聯系的集合。

二、開發方式不同

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

2、PC端:主要針對電子商務領域,不僅是網站美工和內容,可能涉及到網站的一些功能的開發,比製作有更深層次的意思。


三、特點不同

1、手機端:無線中間件(移動中間件)的原理就是把原生的功能封裝打包成簡單的API,開發人員只需要了解調用這些API的方法,即可完成移動開發。

2、PC端:針對不同的行業領域與市場規模,提供有針對性的解決方案,採用業內最優化的電子商務流程,以及各種受消費者歡迎的營銷工具。

⑻ 移動端和PC端網頁前端所用的JS和JQ有區別嗎

本質上沒什麼區別,都是一樣的語言。JQ有移動端專門的框架
移動端最重要的是隱蘆拿考慮兼容和解析度灶搭的問題。嘩帆

⑼ 移動前端開發和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前端的區別,希望我的回答對你有所幫助