Web前端開發(fā)工程師是一個很新的職業(yè),在國內(nèi)乃至國際上真正開始受到重視的時間不超過5年。Web前端開發(fā)是從網(wǎng)頁制作演變而來的,名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中,網(wǎng)頁制作是Web 1.0時代的產(chǎn)物,那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。
2005年以后,互聯(lián)網(wǎng)進入Web 2.0時代,各種類似桌面軟件的Web應用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁的內(nèi)容更加生動,網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗,這些都是基于前端技術實現(xiàn)的。
隨著Web 2.0概念的普及和W3C組織的推廣,網(wǎng)站重構(gòu)的影響力正以驚人的速度增長。XHTML+CSS布局、DHTML和Ajax像一陣旋風,鋪天蓋地席卷而來,包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對自己的網(wǎng)站進行了重構(gòu)。
為什么它們會對自己的網(wǎng)站進行重構(gòu)呢?有兩個方面的原因:
第一,根據(jù)W3C標準進行重構(gòu)后,可以讓前端的代碼組織更有序,顯著改善網(wǎng)站的性能,還能提高可維護性,對搜索引擎也更友好;
第二,重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗,用XHTML+CSS重新布局后的頁面,文件更小,下載速度更快。
網(wǎng)站重構(gòu)的目的僅僅是為了讓網(wǎng)頁更符合Web標準嗎?不是!重構(gòu)的本質(zhì)是構(gòu)建一個前端靈活的MVC框架,即HTML作為信息模型(Model),CSS控制樣式(View),JavaScript負責調(diào)度數(shù)據(jù)和實現(xiàn)某種展現(xiàn)邏輯(Controller)。同時,代碼需要具有很好的復用性和可維護性。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎。
DHTML可以讓用戶的操作更炫,更吸引眼球;Ajax可以實現(xiàn)無刷新的數(shù)據(jù)交換,讓用戶的操作更流暢。對于普通用戶來說,一個網(wǎng)站是否專業(yè)、功能是否強大,服務器端是用J2EE+Oracle的強大組合,還是用ASPx+Access的簡單組合,并沒有太明顯的區(qū)別。但是,前端的用戶體驗卻給了用戶直觀的印象。隨著人們對用戶體驗的要求越來越高,前端開發(fā)的技術難度越來越大,Web前端開發(fā)工程師這一職業(yè)終于從設計和制作不分的局面中獨立出來。