很多同學(xué)對(duì)web前端和前端開(kāi)發(fā)的區(qū)別不是很清楚，其實(shí)前端開(kāi)發(fā)包含了web前端開(kāi)發(fā)和移動(dòng)前端開(kāi)發(fā)。web前端和前端開(kāi)發(fā)的區(qū)別主要體現(xiàn)在業(yè)務(wù)適用場(chǎng)景、新技術(shù)的應(yīng)用、頁(yè)面適配性、頁(yè)面性能、框架、概念等方面。具體區(qū)別介紹如下：

　　1.業(yè)務(wù)適用場(chǎng)景

　　前端開(kāi)發(fā)包含web前端和移動(dòng)前端。web前端開(kāi)發(fā)主要是指PC端網(wǎng)頁(yè)開(kāi)發(fā)，移動(dòng)端前端開(kāi)發(fā)主要是指手機(jī)頁(yè)面開(kāi)發(fā)。這是兩種發(fā)展方向，一般大型公司會(huì)進(jìn)行細(xì)化，分為web前端開(kāi)發(fā)和移動(dòng)端前端開(kāi)發(fā)。

　　2.新技術(shù)的應(yīng)用

　　由于PC端對(duì)瀏覽器兼容的影響，有很多新技術(shù)會(huì)被限制。而移動(dòng)端主要是以webkit內(nèi)核為主，支持H5等新技術(shù)，因此有很大的是施展空間。

　　3.頁(yè)面適配性

　　在頁(yè)面適配性方面，移動(dòng)端頁(yè)面的適配性難度要高于PC端，因?yàn)橐苿?dòng)端屏幕要小很多，并且需要考慮多適用尺寸手機(jī)屏幕分辨率的問(wèn)題，因此有一定的難度。

　　4.頁(yè)面性能

　　在頁(yè)面性能方面，web端的網(wǎng)絡(luò)情況比較穩(wěn)定，一般是通過(guò)網(wǎng)絡(luò)或者wifi進(jìn)行鏈接，但是移動(dòng)端網(wǎng)絡(luò)存在不穩(wěn)定性，因此會(huì)經(jīng)常出現(xiàn)移動(dòng)端頁(yè)面加載問(wèn)題，影響用戶體驗(yàn)。

　　5.框架

　　由于網(wǎng)絡(luò)速度的情況存在不穩(wěn)定性，移動(dòng)端頁(yè)面在選擇框架時(shí)需要考慮小巧的框架，例如zepto.js、vue.js框架，功能強(qiáng)大、壓縮后體積小。

　　而web端選擇范圍比較大，可以根據(jù)項(xiàng)目的需求進(jìn)行選擇，例如ext.js。

　　6.概念

　　移動(dòng)前端開(kāi)發(fā)指的是Android和iOS的原生APP開(kāi)發(fā)，移動(dòng)前端開(kāi)發(fā)屬于HTML5開(kāi)發(fā)，包括H5專題頁(yè)、移動(dòng)前端網(wǎng)頁(yè)，廣告落地頁(yè)、Hybrid App等。

　　WEB前端開(kāi)發(fā)屬于HTML5開(kāi)發(fā)，主要偏向PC端的網(wǎng)頁(yè)開(kāi)發(fā)，包括PC端網(wǎng)頁(yè)開(kāi)發(fā)、PC端后臺(tái)管理頁(yè)面等，也會(huì)涉及部分的移動(dòng)端網(wǎng)頁(yè)開(kāi)發(fā)。

　　上述是對(duì)web前端和前端開(kāi)發(fā)的區(qū)別介紹，前端開(kāi)發(fā)包括了移動(dòng)前端開(kāi)發(fā)和web前端開(kāi)發(fā)，即包括了PC端開(kāi)發(fā)和移動(dòng)端領(lǐng)域的開(kāi)發(fā)，而web前端開(kāi)發(fā)主要指?jìng)鹘y(tǒng)的PC端網(wǎng)頁(yè)開(kāi)發(fā)，這是它們之間最大的區(qū)別。