eb前端開(kāi)發(fā)是從網(wǎng)頁(yè)制作演變而來(lái)的,名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物,那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代,各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁(yè)不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn),這些都是基于前端技術(shù)實(shí)現(xiàn)的。 以前會(huì)Photoshop和Dreamweaver就可以制作網(wǎng)頁(yè),現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無(wú)論是開(kāi)發(fā)難度上,還是開(kāi)發(fā)方式上,現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開(kāi)發(fā),所以現(xiàn)在不再叫網(wǎng)頁(yè)制作,而是叫Web前端開(kāi)發(fā)。Web前端開(kāi)發(fā)在產(chǎn)品開(kāi)發(fā)環(huán)節(jié)中的作用變得越來(lái)越重要,而且需要專業(yè)的前端工程師才能做好,這方面的專業(yè)人才近幾年來(lái)備受青睞。Web前端開(kāi)發(fā)是一項(xiàng)很特殊的工作,涵蓋的知識(shí)面非常廣,既有具體的技術(shù),又有抽象的理念。簡(jiǎn)單地說(shuō),它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
資深前端開(kāi)發(fā)工程師
從稱謂上就可以看出,其相比較“
前端開(kāi)發(fā)工程師”而言,更加資深一些,當(dāng)然其工作的職責(zé)也會(huì)相應(yīng)的更加大一些。一般而言,資深前端開(kāi)發(fā)工程師需要使用JavaScript或者ActionScript來(lái)編寫(xiě)和封裝具有良好性能的前端交互組件,熟練使用CSS+XHTML完美輸出視覺(jué)界面。同時(shí)還要對(duì)Web項(xiàng)目的前端實(shí)現(xiàn)方案 提供專業(yè)指導(dǎo)和監(jiān)督并在日常工作之中對(duì)新人及相關(guān)開(kāi)發(fā)人員進(jìn)行前端技能的培訓(xùn)和指導(dǎo)。另外,還要跟蹤研究前端技術(shù),設(shè)計(jì)并實(shí)施全網(wǎng)前端優(yōu)化。最近HTML5、nodejs(JavaScript編程的后臺(tái)語(yǔ)言)興起,對(duì)資深前端又提出了新的挑戰(zhàn)——前端不一定只做前端,也需要熟悉后端,并且要在商業(yè)模式、代碼架構(gòu)思想等維度去整體考慮前端的全局布局。
專業(yè)意見(jiàn)和方案
資深
前端開(kāi)發(fā)工程師都有這樣高的職責(zé)要求了,前端架構(gòu)師跟其相比肯定有更高的職責(zé)要求,那么前端架構(gòu)師的職責(zé)是什么呢?前端架構(gòu)師更多意義上說(shuō)像是 一個(gè)管理的崗位,但是其職責(zé)要求卻不僅只是管理。前端架構(gòu)師需要帶領(lǐng)組員實(shí)現(xiàn)全網(wǎng)的前端框架和優(yōu)化,還要?jiǎng)?chuàng)建前端的相應(yīng)標(biāo)準(zhǔn)和規(guī)范,并通過(guò)孜孜不倦的布道 來(lái)完善并推廣和應(yīng)用自己的標(biāo)準(zhǔn)和框架。同時(shí),還要站在全局的角色為整個(gè)網(wǎng)站的
信息架構(gòu)和技術(shù)選型提供專業(yè)意見(jiàn)和方案。
Web前端優(yōu)化
-
盡量減少
HTTP請(qǐng)求 (Make Fewer HTTP Requests)
-
減少 DNS 查找 (Reduce DNS Lookups)
-
避免重定向 (Avoid Redirects)
-
使得 Ajax 可緩存 (Make Ajax Cacheable)
-
延遲載入組件 (Post-load Components)
-
預(yù)載入組件 (Preload Components)
-
減少 DOM 元素?cái)?shù)量 (Reduce the Number of DOM Elements)
-
切分組件到多個(gè)域 (Split Components Across Domains)
-
最小化 iframe 的數(shù)量 (Minimize the Number of iframes)
-
杜絕 http 404 錯(cuò)誤 (No 404s)
以上10條涵蓋了Web前端開(kāi)發(fā)中遇到的各種頁(yè)面處理技術(shù),讓前端開(kāi)發(fā)人員能夠準(zhǔn)確和快速地把握整個(gè)網(wǎng)頁(yè)的架構(gòu),從而達(dá)到減少開(kāi)發(fā)成本和頁(yè)面美化目的.
Web前端開(kāi)發(fā)的職責(zé)是什么
既然Web前端開(kāi)發(fā)有很多的職位,那么不同的職位其各自的職責(zé)又是怎樣的呢?我們以“
前端開(kāi)發(fā)工程師”、“資深前端開(kāi)發(fā)工程師”和“前端架構(gòu)師”這三種職位為例,來(lái)分析一下其各自的職責(zé)。
前端開(kāi)發(fā)工程師(或者說(shuō)“網(wǎng)頁(yè)制作”、“網(wǎng)頁(yè)制作工程師”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”),這樣的一個(gè)職位的主要職責(zé)是與
交互設(shè)計(jì)師、
視覺(jué)設(shè)計(jì)師協(xié)作,根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作。同時(shí),在此基礎(chǔ)之上,對(duì)完成的頁(yè)面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外,一名合格的前端開(kāi)發(fā)工程師,應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力,能很好的與交互及視覺(jué)協(xié)作。