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

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

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

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

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

　　3.頁面適配性

　　在頁面適配性方面，移動端頁面的適配性難度要高于PC端，因?yàn)橐苿佣似聊灰『芏?，并且需要考慮多適用尺寸手機(jī)屏幕分辨率的問題，因此有一定的難度。

　　4.頁面性能

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

　　5.框架

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

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

　　6.概念

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

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

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