web端和移動(dòng)端的區(qū)別：

1、業(yè)務(wù)的應(yīng)用場(chǎng)景

web前端開發(fā)主要指?jìng)鹘y(tǒng)的PC端網(wǎng)頁開發(fā)，頁面主要是運(yùn)行在PC端瀏覽器中，移動(dòng)前端開發(fā)出來的頁面主要是運(yùn)行在手機(jī)上。

直觀上會(huì)感覺，PC端頁面大一些，移動(dòng)端頁面小一些，但是根據(jù)開發(fā)經(jīng)驗(yàn)，頁面大可并不代表書寫的代碼復(fù)雜，頁面小也并不意味著開發(fā)簡(jiǎn)單，難與易主要還是取決于具體的業(yè)務(wù)需求。

2、新技術(shù)的使用

由于在移動(dòng)端主要以webkit內(nèi)核為主，對(duì)于HTML5等新技術(shù)支持的更好，所以可以更大范圍的使用新技術(shù)，而PC端開發(fā)由于很多場(chǎng)景下要求兼容IE等老版本瀏覽器，出于瀏覽器兼容性的考慮，有些情況下限制了新技術(shù)的使用。

3、頁面的適配性

傳統(tǒng)PC端的頁面開發(fā)一般都會(huì)選擇給頁面設(shè)定一個(gè)固定寬度，兩側(cè)有留白，但是移動(dòng)端的頁面由于其載體手機(jī)屏幕比PC要小很多，一般都會(huì)選擇盡可能多的在手機(jī)屏幕上顯示內(nèi)容，這就要求移動(dòng)端頁面要能夠充分適應(yīng)各種屏幕尺寸的手機(jī)并進(jìn)行最大程度的利用。

從這一點(diǎn)上來說移動(dòng)端頁面的適配難度更高一些。

4、頁面的性能

PC端的網(wǎng)絡(luò)情況一般比較穩(wěn)定，都是通過網(wǎng)線或者Wi-Fi連接網(wǎng)絡(luò)，但是移動(dòng)端就比較復(fù)雜，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不同的網(wǎng)絡(luò)連接中交替切換也經(jīng)常發(fā)生。

不穩(wěn)定的網(wǎng)絡(luò)連接對(duì)頁面性能帶來的挑戰(zhàn)是移動(dòng)端的頁面資源不能太大，否則在惡劣網(wǎng)絡(luò)情況下時(shí)，頁面將會(huì)無法訪問 ，嚴(yán)重影響用戶體驗(yàn)。

5、框架選型

由于移動(dòng)端網(wǎng)絡(luò)情況的不穩(wěn)定，導(dǎo)致我們?cè)谝苿?dòng)端頁面框架選型時(shí)，一般只考慮小而美的框架，例如像zepto.js這樣的壓縮之后只有9.6K，就能滿足一般業(yè)務(wù)的需要，如果是想要構(gòu)建更復(fù)雜的單頁面應(yīng)用，可以選擇像vue.js這樣的框架，功能強(qiáng)大，但體積壓縮后卻只有20多K。

而web端相對(duì)選擇的范圍就比較大，一些比較重型的框架也可以根據(jù)項(xiàng)目需求加以考慮，例如古老但龐大的ext.js，依然憑借著眾多UI組件活躍在一些企業(yè)的后臺(tái)管理系統(tǒng)項(xiàng)目中。

如還有其他困惑，可在線了解有關(guān)信息>>>了解web培訓(xùn)等>>>