web前端與前端有哪些區(qū)別

這篇文章主要介紹“web前端與前端有哪些區(qū)別”，在日常操作中，相信很多人在web前端與前端有哪些區(qū)別問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”web前端與前端有哪些區(qū)別”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站從2013年創(chuàng)立，先為吉安等服務(wù)建站，吉安等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為吉安企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

前端是一個(gè)泛指，范疇更廣泛，web前端屬于web開(kāi)發(fā)的前端，是一個(gè)明確的范圍，方向更明確；前端開(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ū)別。

前端是一個(gè)泛指，范疇更廣泛，web前端屬于web開(kāi)發(fā)的前端，是一個(gè)明確的范圍，方向更明確。前端根據(jù)產(chǎn)品設(shè)計(jì)/UI，進(jìn)行用戶側(cè)應(yīng)用編碼落地的工作均屬于前端開(kāi)發(fā)的范疇（包含web、app、小程序類、桌面類等等不同的應(yīng)用形態(tài)）；就是直面用戶的界面，通常來(lái)講，前端就包含了Web前端了。

簡(jiǎn)單來(lái)說(shuō)，前端開(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ū)別。

移動(dòng)前端開(kāi)發(fā)和web前端開(kāi)發(fā)都屬于前端開(kāi)發(fā)，具體有以下區(qū)別。

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

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

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

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

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

3、頁(yè)面的適配性

傳統(tǒng)PC端的頁(yè)面開(kāi)發(fā)一般都會(huì)選擇給頁(yè)面設(shè)定一個(gè)固定寬度，兩側(cè)有留白，但是移動(dòng)端的頁(yè)面由于其載體手機(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)定，都是通過(guò)網(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ì)頁(yè)面性能帶來(lái)的挑戰(zhàn)是移動(dòng)端的頁(yè)面資源不能太大，否則在惡劣網(wǎng)絡(luò)情況下時(shí)，頁(yè)面將會(huì)無(wú)法訪問(wèn) ，嚴(yán)重影響用戶體驗(yàn)。

5、框架選型

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

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

擴(kuò)展資料

Web前端開(kāi)發(fā)需要掌握的技術(shù)：

1、熟練掌握前端開(kāi)發(fā)技術(shù)(HTML5、JS、JSON、XHTML、CSS3)，了解各項(xiàng)技術(shù)的相關(guān)標(biāo)準(zhǔn)。

2、掌握Ajax異步編程，能夠?qū)懗龈咝阅?、可?fù)用的前端組件。

3、對(duì)OO、MVC、MVVM等編程思想、前端框架有深刻理解，熟練掌握一個(gè)前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移動(dòng)端有：Frozen UI，weUI ，SUI，MUI，AUI）了解其原理（框架有很多，選擇兩三個(gè)主流的框架，熟練，深度了解才可以）。

4、善于Web性能優(yōu)化，可訪問(wèn)性、對(duì)SEO等有良好的體驗(yàn)；理解表現(xiàn)層與數(shù)據(jù)層分離的概念、 Web語(yǔ)義化（這些也是在找工作中，很有用的加分項(xiàng)）。

5、了解前端安全機(jī)制，熟悉HTTP協(xié)議以及瀏覽器緩存策略。

6、熟悉常見(jiàn)JS開(kāi)發(fā)框架源碼實(shí)現(xiàn)，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟練一種（當(dāng)然也不要去選一些用的人很少的框架，要明白大項(xiàng)目都是團(tuán)隊(duì)做，不能自己搞一套）。

7、擁有良好的代碼編寫(xiě)，設(shè)計(jì)文檔撰寫(xiě)的經(jīng)驗(yàn)，熟練使用Git等版本控制工具。

8、對(duì)常見(jiàn)的瀏覽器兼容問(wèn)題有清晰的理解，并有可靠的解決方案，如IE6/7/8/9、 Firefox、Safari、Chrome。

9、具有較高的審美（這個(gè)很重要，多去見(jiàn)識(shí)一些模板，高端的項(xiàng)目，就能感覺(jué)到有多大的差距）。

到此，關(guān)于“web前端與前端有哪些區(qū)別”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

當(dāng)前文章：web前端與前端有哪些區(qū)別
地址分享：http://muchs.cn/article14/jojgde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站營(yíng)銷、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、App開(kāi)發(fā)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)