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