web前端開(kāi)發(fā)和前端開(kāi)發(fā)的區(qū)別

具體有以下區(qū)別：
1、事務(wù)的運(yùn)用場(chǎng)景；2、新技術(shù)的運(yùn)用；3、頁(yè)面的適配性；4、頁(yè)面的功能；5、結(jié)構(gòu)選型。前端開(kāi)發(fā)是創(chuàng)立WEB頁(yè)面或APP等前端界面出現(xiàn)給用戶(hù)的進(jìn)程；web前端是創(chuàng)立Web頁(yè)面或app等前端界面出現(xiàn)給用戶(hù)的進(jìn)程。
1、事務(wù)的運(yùn)用場(chǎng)景
web前端開(kāi)發(fā)主要指?jìng)鹘y(tǒng)的PC端網(wǎng)頁(yè)開(kāi)發(fā)，頁(yè)面主要是運(yùn)轉(zhuǎn)在PC端瀏覽器中，移動(dòng)前端開(kāi)發(fā)出來(lái)的頁(yè)面主要是運(yùn)轉(zhuǎn)在手機(jī)上。
直觀上會(huì)感覺(jué)，PC端頁(yè)面大一些，移動(dòng)端頁(yè)面小一些，可是依據(jù)開(kāi)發(fā)經(jīng)歷，頁(yè)面大可并不代表書(shū)寫(xiě)的代碼雜亂，頁(yè)面小也并不意味著開(kāi)發(fā)簡(jiǎn)單，難與易主要仍是取決于具體的事務(wù)需求。
2、新技術(shù)的運(yùn)用
因?yàn)樵谝苿?dòng)端主要以webkit內(nèi)核為主，對(duì)于HTML5等新技術(shù)支持的更好，所以能夠更大范圍的運(yùn)用新技術(shù)，而PC端開(kāi)發(fā)因?yàn)樵S多場(chǎng)景下要求兼容IE等老版本瀏覽器，出于瀏覽器兼容性的考慮，有些狀況下限制了新技術(shù)的運(yùn)用。
3、頁(yè)面的適配性
傳統(tǒng)PC端的頁(yè)面開(kāi)發(fā)一般都會(huì)挑選給頁(yè)面設(shè)定一個(gè)固定寬度，兩側(cè)有留白，可是移動(dòng)端的頁(yè)面因?yàn)槠漭d體手機(jī)屏幕比PC要小許多，一般都會(huì)挑選盡可能多的在手機(jī)屏幕上顯示內(nèi)容，這就要求移動(dòng)端頁(yè)面要能夠充分適應(yīng)各種屏幕尺度的手機(jī)并進(jìn)行最大程度的使用。
從這一點(diǎn)上來(lái)說(shuō)移動(dòng)端頁(yè)面的適配難度更高一些。
4、頁(yè)面的功能
PC端的網(wǎng)絡(luò)狀況一般比較穩(wěn)定，都是經(jīng)過(guò)網(wǎng)線或者Wi-Fi連接網(wǎng)絡(luò)，可是移動(dòng)端就比較雜亂，除了Wi-Fi，還有2G、3G、4G甚至是在幾種不同的網(wǎng)絡(luò)連接中替換切換也經(jīng)常發(fā)生。
不穩(wěn)定的網(wǎng)絡(luò)連接對(duì)頁(yè)面功能帶來(lái)的應(yīng)戰(zhàn)是移動(dòng)端的頁(yè)面資源不能太大，否則在惡劣網(wǎng)絡(luò)狀況下時(shí)，頁(yè)面將會(huì)無(wú)法訪問(wèn)，嚴(yán)重影響用戶(hù)體驗(yàn)。
5、結(jié)構(gòu)選型
因?yàn)橐苿?dòng)端網(wǎng)絡(luò)狀況的不穩(wěn)定，導(dǎo)致咱們?cè)谝苿?dòng)端頁(yè)面結(jié)構(gòu)選型時(shí)，一般只考慮小而美的結(jié)構(gòu)，例如像zepto.js這樣的緊縮之后只要9.6K，就能滿意一般事務(wù)的需要，如果是想要構(gòu)建更雜亂的單頁(yè)面運(yùn)用，能夠挑選像vue.js這樣的結(jié)構(gòu)，功能強(qiáng)大，但體積緊縮后卻只要20多K。
而web端相對(duì)挑選的范圍就比較大，一些比較重型的結(jié)構(gòu)也能夠依據(jù)項(xiàng)目需求加以考慮，例如陳舊但巨大的ext.js，依然憑借著很多UI組件活潑在一些企業(yè)的后臺(tái)管理體系項(xiàng)目中。