淺談Web前端開發

袁 婷

（西安理工大學，陜西 西安 710082）

淺談Web前端開發

袁 婷

（西安理工大學，陜西 西安 710082）

Web前端開發作為一項新的領域，經歷的時間雖然不長，但卻顯示了強大的生命力，文章通過6個方面來闡述Web前端開發的歷史、現狀和未來。

Web前端；CSS；HTML；技術

Web前端開發技術嚴格遵循了由簡單到困難的過程，這要求Web前端開發人員一方面要掌握基礎的Web開發技術、網站性能優化、SEO以及基礎的服務器端知識；另一方面還要求開發人員能夠靈活使用各類工具進行輔助開發并要掌握相關理論知識，其中包括了代碼的可維護性、分層語義模板、組件的易用性等。

1 前端開發技術

前端開發技術涵蓋了Javascript，CSS等傳統的技術和Adobe RIA，Google Gears，概念性比較強的交互式設計以及含有濃厚的藝術色彩的視覺設計等。

前端開發技術涵蓋的范圍十分廣泛，例如軟件工程等領域。在對前端開發技術進行分析時，可以借助互聯網理解和分析前端開發技術，即只要是沿著從瀏覽器到用戶端設計的計算機可以統稱技術為前端技術，后端技術主要指的是需要存貯在服務器端的。

2 Web前端開發的任務

Web前端開發工作當中有很多職位，以當前普遍流行的分工模式來看，主要有Web前端開發以及網頁重構兩個方向，其中騰訊公司和淘寶都是采用這種分工模式。

2.1 網頁重構

網頁重構工程師，在工作當中的主要職責和視覺設計師、交互設計師進行相互寫作，要根據預先設計好的方案，實用HTML和CSS完成網頁的開發和制作工作。同時，在完成網頁設計的基礎之上，需要對已經完成的頁面進行維護，并對網站的前端性能按照一定的標準和要求進行優化工作。一般在對網頁進行重構時，對網頁重構工程師有著如下要求：熟練使用PS，對SEO搜索引擎優化有著深刻的了解，因此，相對于一般的軟件開發工作者來說，網頁重構工程師需要了解和掌握更多的技術。

2.2 Web前端開發

Web前端開發工作更加注重軟件開發方面，根據網站的可用性分析，以及使用者的反饋信息對網站的前端設計進行優化工作。在進行優化時，通過采用Javascript，flash actionscript3.0與HTML CSS技術進行結合，能夠使頁面在優化之后給用戶帶來更好的體驗。例如騰訊QQ空間的圖片瀏覽功能，就是前端開發工程師開發的功能之一，除此之外還有各種信息網站的幻燈片效果，ajax技術等。在進行Web前端開始時會涉及前端的架構設計以及底層的數據傳輸等，因此，Web前端開發，需要具有良好的基礎編程能力，并且還需要對網站的后臺語言有所了解。

現階段，前端開發技術有著十分迅猛的發展速度，這對從業人員提出了更為嚴格的要求，必須在掌握前端開發新技術的同時明確前端世界的今后走向，不然很難將技術所具有的功能充分地發揮出來。

3 Web前端開發歷史

在Web發展的初級階段，HTML技術僅僅用于對頁面進行簡單地展示，若想實現維護與更新功能，會面臨很大的難題。文章分別從Web 1.0，Web 2.0，Web 3.0到Web 4.0對互聯網今后的發展走向進行把握。

Web 1.0，特征在于編輯，經由網站編輯進行編輯與處理操作之后，網站會向用戶提供相應的內容，用戶可行使閱覽的權利。這一由網站到用戶的過程屬于一種單項行為，在Web 1.0時代，新浪、搜狐、網易三大門戶扮演代表站點的角色。

Web 2.0，用于對網站及用戶之間互動的加強，網站中的內容來源于用戶的提供，用戶會參加到網站多項功能的建設中，網站同用戶之間所存在的雙向交流與參與關系得以實現。與Web 1.0不同，Web 2.0所具有的交互性是其最為顯著的特征與優勢。在Web 2.0時期，博客中國、億友交友以及聯絡家等成為典型的代表。這類網站中的用戶擁有自己的數據，并且完全以Web為基礎，瀏覽器能夠對全部功能予以實現。

Web 3.0，該概念是由微軟公司提出來的，目前已經成功申請了多項專利。在各個Web 3.0網站上，信息能夠直接進行交換與互動，同時，第三方信息平臺還能夠對不同網站所提供的豐富信息執行整合與分類操作。利用Web 3.0系統，用戶同樣能夠在網絡上擁有自己的數據，較之Web 2.0更為進步的是用戶可以對這些數據在不同網站上予以使用。功能的實現完全以Web為基礎，簡單利用瀏覽器便能完成復雜系統程序才能執行的各項操作。

Web 4.0，與多人聚餐類似，Web 4.0會將所有人聯結到一起，并對每個人所擁有的資源進行整合，所有人都能根據自身的需求向資源擁有者選擇。平臺發揮聯結作用，這一平臺是一種協議而非網站，每個用戶都需對此協議予以遵守，網站是圍繞在協議旁的用戶，若每一個用戶都擁有自己的網站，并圍繞在協議旁，人類便能真真正正地走進互聯網時代，它一定是由很多網站構成的時代。

在剛剛制定Web標準時，前端開發已經開始進行研究，但是進展一直較慢，Javascript逐漸為Web前端開發的成熟語言之后前端開發才有較大的進展。隨著Web 4.0的應用及微博、博客、網頁游戲、SNS、視頻網站等產品的出現，人們對網頁提出了更高的要求，因此，設計人員在開發過程中需要考慮更多的問題。當前，在網頁開發中，Javascript語言十分重要，當前以Javascript為標志的Web前端開發發展十分迅速。

4 Web前端開發現狀

當前，Web前端開發已經成為研究熱點，為了滿足不同站點的可用性要求，并且提高產品的用戶體驗，各種以“用戶體驗”的團隊迅速發展，并開發團隊中的職位分工也更加明確，如交互設計師、用戶體驗分析師、前端開發工程師、網頁設計師等主要設計開發應用強的前端。對于Web前端開發者來說，需要掌握以下技能技術：熟悉W3C標準，深刻理解Web語義化、表現與數據分離等；了解后臺開發（C/C++/ PHP/Java等）、算法、數據結構等；熟悉頁面架構和布局，精通CSS，HTML/XHTML等網頁制作技術，精通Ajax，Javascript等Web開發技術。

5 前端開發體會

前端開發是近幾年Web2.0的熱潮下才發展起來的，因此，它是一個比較新的職業，并且需要開發者掌握綜合技能，需要掌握軟件開發技術和相關的設計技巧，并且對可用性有一定的了解。因此，數字媒體技術專業的學生非常適合從事前端開發工作，他們的知識結構有著天然的優勢。但是，如果該專業的學生想要做好前端開發工作，除了具備專業優勢之外，還需要掌握深厚的技術功力，這樣才能在工作中掌握主動權，因此，學生應該加強HTML+CSS技術、Javscript語言等的學習，不斷提升技術能力。

同時，在學習研究的過程中，要不斷增加自己的項目經驗，為自己增加籌碼，由于前端開發行業的特殊性，數字媒體技術的學生在大二就可以開始在社會中尋找工作經驗了，學校項目、工作室項目、社會兼職實習等，都是這些經驗的重要來源。前端開發是需要在不斷實踐中學習的，只有一定的項目經驗，才能在學習中得以擴展深入，否則很多單純意義上的學習更像紙上談兵，沒有意義。

6 Web前端開發的未來

隨著技術的發展，前端開發技術將會不斷完善，以HTML5，CSS 4.0等技術將會成為前端開發的主流技術，即使HTML5成為現實，也將會有更多的前端開發技術出現，要時刻關注前端開發的最新技術。目前，前端開發技術剛剛走向成熟，在未來的幾年里，相信其人才需求量還會進一步增長。但是任何需求都有飽和的時候，對人才需求飽和也是前端開發真正成熟的標志，在未來，前端開發者們會有更廣闊的發展空間，更大的挑戰、更高的舞臺等人們去展示實力。同時科研工作者也要不斷完善自身的實力，開發出更多滿足用戶需求的產品。

[1]（美）達科特.Web設計與前端開發秘籍：HTML CSS設計與構建網站+Javascript jQuery交互式Web前端開發[M].杜偉，柴曉偉，譯.北京：清華大學出版社，2015.

[2]（美）達科特.Javascript &jQuery 交互式Web前端開發[M].杜偉，柴曉偉，涂曙光，譯.北京：清華大學出版社，2015.

[3]阮曉龍.Web前端開發HTML5 CSS3 jQuery AJAX從學到用完美實踐[M].北京：水利水電出版社，2015.

Analysis on development of Web front-end

Yuan Ting

（Xi’an University of Technology, Xi’an 710082, China）

As a new field, although time of Web front-end development experienced is not long, but it shows strong vitality. This paper describes the history, current situation and future of Web front-end development through 6 aspects.

Web front-end; CSS; HTML; technology

袁婷（1977— ），女，陜西西安，碩士，講師；研究方向：計算機軟件及應用。