Web前端開發是從網頁製做演變而來的,名稱上有很明顯的時代特徵。在互聯網的演化進程中,網頁製做是Web
1.0時代的產物,那時網站的主要內容都是靜態的,用戶使用網站的行爲也以瀏覽爲主。2005年之後,互聯網進入Web
2.0時代,各類相似桌面軟件的Web應用大量涌現,網站的前端由此發生了翻天覆地的變化。網頁再也不只是承載單一的文字和圖片,各類富媒體讓網頁的內容更
加生動,網頁上軟件化的交互形式爲用戶提供了更好的使用體驗,這些都是基於前端技術實現的。
之前會Photoshop和
Dreamweaver就能夠製做網頁,如今只掌握這些已經遠遠不夠了。不管是開發難度上,仍是開發方式上,如今的網頁製做都更接近傳統的網站後臺開發,
因此如今再也不叫網頁製做,而是叫Web前端開發。Web前端開發在產品開發環節中的做用變得愈來愈重要,並且須要專業的前端工程師才能作好,這方面的專業
人才近幾年來備受青睞。Web前端開發是一項很特殊的工做,涵蓋的知識面很是廣,既有具體的技術,又有抽象的理念。簡單地說,它的主要職能就是把網站的界
面更好地呈現給用戶。
較強的視覺設計
前端技術包括4個部分:前端美工、IE兼容、CSS、HTML「傳統」技術與Adobe AIR、Google Gears,以及概念性較強的交互式設計,藝術性較強的視覺設計等等.
根據該詞能夠作這樣的理解,用互聯網來作比喻,凡是經過
瀏覽器到用戶端計算機的統稱爲前端技術.相反存貯於服務器端的統稱爲後端技術.
Web前端優化
-
儘可能減小
HTTP請求 (Make Fewer HTTP Requests)
-
減小 DNS 查找 (Reduce DNS Lookups)
-
避免重定向 (Avoid Redirects)
-
使得 Ajax 可緩存 (Make Ajax Cacheable)
-
延遲載入組件 (Post-load Components)
-
預載入組件 (Preload Components)
-
減小 DOM 元素數量 (Reduce the Number of DOM Elements)
-
切分組件到多個域 (Split Components Across Domains)
-
最小化 iframe 的數量 (Minimize the Number of iframes)
-
杜絕 http 404 錯誤 (No 404s)
以上10條涵蓋了Web前端開發中遇到的各類頁面處理技術,讓前端開發人員可以準確和快速地把握整個網頁的架構,從而達到減小開發成本和頁面美化目的.
Web前端開發的職責是什麼
既然Web前端開發有不少的職位,那麼不一樣的職位其各自的職責又是怎樣的呢?咱們以「
前端開發工程師」、「資深前端開發工程師」和「前端架構師」這三種職位爲例,來分析一下其各自的職責。
前端開發工程師(或者說「網頁製做」、「網頁製做工程師」、「前端製做工程師」、「網站重構工程師」),這樣的一個職位的主要職責是與
交互設計師、
視覺設計師協做,根據設計圖用HTML和CSS完成頁面製做。同時,在此基礎之上,對完成的頁面進行維護和對網站前端性能作相應的優化。另外,一名合格的
前端開發工程師,應該具備必定的審美能力和基礎的美工操做能力,能很好的與交互及視覺協做。
2前端開發工程師
資深前端開發工程師
從稱謂上就能夠看出,其相比較「
前端開發工程師」而言,更加資深一些,固然其工做的職責也會相應的更加大一些。通常而言,資深
前端開發工程師需
要使用JavaScript或者ActionScript來編寫和封裝具備良好性能的前端交互組件,熟練使用CSS+XHTML完美輸出視覺界面。同時還
要對Web項目的前端實現方案
提供專業指導和監督並在平常工做之中對新人及相關開發人員進行前端技能的培訓和指導。另外,還要跟蹤研究前端技術,設計並實施全網前端優化。
專業意見和方案
資深
前端開發工程師都
有這樣高的職責要求了,前端架構師跟其相比確定有更高的職責要求,那麼前端架構師的職責是什麼呢?前端架構師更多意義上說像是
一個管理的崗位,可是其職責要求卻不只只是管理。前端架構師須要帶領組員實現全網的前端框架和優化,還要建立前端的相應標準和規範,並經過孜孜不倦的佈道
來完善並推廣和應用本身的標準和框架。同時,還要站在全局的角色爲整個網站的
信息架構和技術選型提供專業意見和方案。