【職業(yè)科普】什么是前端開發(fā)？學會能做什么？薪資水平？

2022-02-08 23:59 作者:甬上逍遙子 0人讀過 | 我要投稿

前端并沒有一個很明確的定義，總的來說就是用戶可以直接看到并于之交互的網(wǎng)站或者是ｗｅｂ應用，通常也可以被稱為WEB客戶端，簡單的說，你能看到的一切網(wǎng)站頁面的內(nèi)容的展示和頁面上的交互功能都是前端的范疇。

后端就是與數(shù)據(jù)庫和服務器打交道。通過接口API向前端提供數(shù)據(jù)服務。

前端開發(fā)就是通過使用ｈｔｍｌ，ｃｓｓ，JavaScript來創(chuàng)建用戶可以看到并且可以與之交互的ｗｅｂ頁面，ｈｔｍｌ，ｃｓｓ，JavaScript是三種開發(fā)語言。在網(wǎng)頁開發(fā)中分別有著不同的功能，

比如　打卡嗶哩嗶哩首頁，右擊，選擇檢查就會彈出開發(fā)者工具，在開發(fā)工具，ｅｌｍｅｎｔｓ那一欄的下面，看到的就是ｈｔｍｌ代碼

ｈｔｍｌ全稱超文本標記語言，是由

ｂｅｒｎｅｒｓ?。欤澹灏l(fā)明的，ｈｔｍｌ是用來描述網(wǎng)頁的內(nèi)容結(jié)構，它是由嵌套的標簽組成，

比如，我們險種ｌｄ為ｉｎｔｅｒｎａｔｉｏｎａｌｈｅａｄｅｒ的ｄｌｖ標簽，在網(wǎng)頁上就會凸顯該標簽所對應的網(wǎng)頁上的區(qū)域。

CSS全稱叫做級聯(lián)樣式表，它是用來控制網(wǎng)站的外觀的，比如背景，字體顏色，寬高等等

也是因為有了這門語言，不同的網(wǎng)站才會長得各式各樣。比如我們現(xiàn)在修改B站首頁的背景顏色（改為粉色，baｃｋｇｒｏｕｎｄ：ｐｉｎｋ；

JavaScript是一門編程語言，俗稱網(wǎng)站腳本。通過JavaScript編程可以實現(xiàn)一些復雜的功能邏輯。

例如對用戶交互的行為作出反饋，發(fā)起數(shù)據(jù)請求，動態(tài)修改網(wǎng)頁內(nèi)容，

比如在嗶哩嗶哩首頁的廣告位點擊右下角的窗口索引按鈕。點我點擊時，JavaScript就知道用戶發(fā)生了點擊。然后根據(jù)計算具體點擊的第幾個圓點，然后輪播到對應的廣告圖片。

前端智能現(xiàn)在往往不只局限于ｗｅｂ界面的開發(fā)，像小程序，手機APP前端開發(fā)也能獨立完成。甚至前端開發(fā)也能獨立完成一些簡單的后端服務的開發(fā)

第一：開發(fā)和維護網(wǎng)站，

同一個網(wǎng)站對一個高級前端和一個初級前端來說都能開發(fā)出來，但實現(xiàn)后的效果以及用戶體驗可能會有很大的差距。所以在開發(fā)網(wǎng)站時，前端也需要注重如何使用代碼來寫出更好的交互體驗。

第二：由于現(xiàn)在的網(wǎng)站需要適配不同屏幕尺寸的設備。

前端開發(fā)就得保證自己開發(fā)的網(wǎng)站在不同的尺寸的設備上界面的央視展示都正常不錯亂。

這被我們稱為響應式網(wǎng)頁設計。

第三：保證網(wǎng)站的兼容性

瀏覽器的工作原理中說到不同的瀏覽器使用的內(nèi)核不大一樣，這樣就導致同樣的代碼在不同的瀏覽器中，甚至時在同一瀏覽器不同的版本中表現(xiàn)的形式可能都不太一樣了，這主要原因時不同瀏覽器廠商在開發(fā)自家瀏覽器的時候，在很多方面并沒有達成一致的標準。（比如IE和別的瀏覽器不一樣的標準　　，就做判斷，如果是IEbackground－color為green，如果不是IE，則background－color為red，）所以，為了保證在不同瀏覽器里面，網(wǎng)頁表現(xiàn)都是一致的，往往會需要寫很多適配的代碼。

第四：博愛正網(wǎng)站的性能，

這里的性能包括很多方面，比如如何讓用戶更快的看到你的頁面內(nèi)容。

網(wǎng)站動畫的流暢度，復雜業(yè)務邏輯處理的時間，接口請求市場等等都屬于性能方面。

第五：保證網(wǎng)站的安全

主要保證代碼的嚴謹性，防止惡意用戶通過某些手段獲取用戶的信息?；蛘咄ㄟ^插入惡意的代碼，誘導用戶做出某種行為，導致用戶的損失。

一個專業(yè)的技術團隊中一般情況，下會有如下幾個角色。UI設計師、前端開發(fā)、后端開發(fā)。產(chǎn)品經(jīng)理，測試工程師，也就是QA

他們之間如何協(xié)同

流程：產(chǎn)品經(jīng)理規(guī)劃出網(wǎng)站的整體功能，然后提供具體的需求文檔和網(wǎng)站的原型。

然后產(chǎn)品經(jīng)理會找設計師設計出網(wǎng)頁的具體形式，同時產(chǎn)品經(jīng)理會拉著前端開發(fā)和后端開發(fā)開一個會過一個需求的細節(jié)，前端會和后端開發(fā)商量一些實現(xiàn)，方案和定義接口API

接著設計師做出設計稿給前端，，前端開始根據(jù)實際稿開發(fā)頁面。調(diào)用后端接口獲取網(wǎng)頁數(shù)據(jù)等等開發(fā)后完成后提交QA測試，如果有ｂｕｇ的話就會記錄下來，等測試后并通知相關人員修復，等測試完成沒有ｂｕｇ后，就有QA發(fā)布上線，然后等待用戶的反饋，如果有用戶發(fā)聵有ｂｕｇ的話，就會讓相關人員修復再上線，有ｂｕｇ再修復再上線。