袁 婷

（西安理工大學(xué)，陜西 西安 710082）

淺談Web前端開發(fā)

袁 婷

（西安理工大學(xué)，陜西 西安 710082）

Web前端開發(fā)作為一項(xiàng)新的領(lǐng)域，經(jīng)歷的時(shí)間雖然不長(zhǎng)，但卻顯示了強(qiáng)大的生命力，文章通過(guò)6個(gè)方面來(lái)闡述Web前端開發(fā)的歷史、現(xiàn)狀和未來(lái)。

Web前端；CSS；HTML；技術(shù)

Web前端開發(fā)技術(shù)嚴(yán)格遵循了由簡(jiǎn)單到困難的過(guò)程，這要求Web前端開發(fā)人員一方面要掌握基礎(chǔ)的Web開發(fā)技術(shù)、網(wǎng)站性能優(yōu)化、SEO以及基礎(chǔ)的服務(wù)器端知識(shí)；另一方面還要求開發(fā)人員能夠靈活使用各類工具進(jìn)行輔助開發(fā)并要掌握相關(guān)理論知識(shí)，其中包括了代碼的可維護(hù)性、分層語(yǔ)義模板、組件的易用性等。

1 前端開發(fā)技術(shù)

前端開發(fā)技術(shù)涵蓋了Javascript，CSS等傳統(tǒng)的技術(shù)和Adobe RIA，Google Gears，概念性比較強(qiáng)的交互式設(shè)計(jì)以及含有濃厚的藝術(shù)色彩的視覺設(shè)計(jì)等。

前端開發(fā)技術(shù)涵蓋的范圍十分廣泛，例如軟件工程等領(lǐng)域。在對(duì)前端開發(fā)技術(shù)進(jìn)行分析時(shí)，可以借助互聯(lián)網(wǎng)理解和分析前端開發(fā)技術(shù)，即只要是沿著從瀏覽器到用戶端設(shè)計(jì)的計(jì)算機(jī)可以統(tǒng)稱技術(shù)為前端技術(shù)，后端技術(shù)主要指的是需要存貯在服務(wù)器端的。

2 Web前端開發(fā)的任務(wù)

Web前端開發(fā)工作當(dāng)中有很多職位，以當(dāng)前普遍流行的分工模式來(lái)看，主要有Web前端開發(fā)以及網(wǎng)頁(yè)重構(gòu)兩個(gè)方向，其中騰訊公司和淘寶都是采用這種分工模式。

2.1 網(wǎng)頁(yè)重構(gòu)

網(wǎng)頁(yè)重構(gòu)工程師，在工作當(dāng)中的主要職責(zé)和視覺設(shè)計(jì)師、交互設(shè)計(jì)師進(jìn)行相互寫作，要根據(jù)預(yù)先設(shè)計(jì)好的方案，實(shí)用HTML和CSS完成網(wǎng)頁(yè)的開發(fā)和制作工作。同時(shí)，在完成網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)之上，需要對(duì)已經(jīng)完成的頁(yè)面進(jìn)行維護(hù)，并對(duì)網(wǎng)站的前端性能按照一定的標(biāo)準(zhǔn)和要求進(jìn)行優(yōu)化工作。一般在對(duì)網(wǎng)頁(yè)進(jìn)行重構(gòu)時(shí)，對(duì)網(wǎng)頁(yè)重構(gòu)工程師有著如下要求：熟練使用PS，對(duì)SEO搜索引擎優(yōu)化有著深刻的了解，因此，相對(duì)于一般的軟件開發(fā)工作者來(lái)說(shuō)，網(wǎng)頁(yè)重構(gòu)工程師需要了解和掌握更多的技術(shù)。

2.2 Web前端開發(fā)

Web前端開發(fā)工作更加注重軟件開發(fā)方面，根據(jù)網(wǎng)站的可用性分析，以及使用者的反饋信息對(duì)網(wǎng)站的前端設(shè)計(jì)進(jìn)行優(yōu)化工作。在進(jìn)行優(yōu)化時(shí)，通過(guò)采用Javascript，flash actionscript3.0與HTML CSS技術(shù)進(jìn)行結(jié)合，能夠使頁(yè)面在優(yōu)化之后給用戶帶來(lái)更好的體驗(yàn)。例如騰訊QQ空間的圖片瀏覽功能，就是前端開發(fā)工程師開發(fā)的功能之一，除此之外還有各種信息網(wǎng)站的幻燈片效果，ajax技術(shù)等。在進(jìn)行Web前端開始時(shí)會(huì)涉及前端的架構(gòu)設(shè)計(jì)以及底層的數(shù)據(jù)傳輸?shù)龋虼?，Web前端開發(fā)，需要具有良好的基礎(chǔ)編程能力，并且還需要對(duì)網(wǎng)站的后臺(tái)語(yǔ)言有所了解。

現(xiàn)階段，前端開發(fā)技術(shù)有著十分迅猛的發(fā)展速度，這對(duì)從業(yè)人員提出了更為嚴(yán)格的要求，必須在掌握前端開發(fā)新技術(shù)的同時(shí)明確前端世界的今后走向，不然很難將技術(shù)所具有的功能充分地發(fā)揮出來(lái)。

3 Web前端開發(fā)歷史

在Web發(fā)展的初級(jí)階段，HTML技術(shù)僅僅用于對(duì)頁(yè)面進(jìn)行簡(jiǎn)單地展示，若想實(shí)現(xiàn)維護(hù)與更新功能，會(huì)面臨很大的難題。文章分別從Web 1.0，Web 2.0，Web 3.0到Web 4.0對(duì)互聯(lián)網(wǎng)今后的發(fā)展走向進(jìn)行把握。

Web 1.0，特征在于編輯，經(jīng)由網(wǎng)站編輯進(jìn)行編輯與處理操作之后，網(wǎng)站會(huì)向用戶提供相應(yīng)的內(nèi)容，用戶可行使閱覽的權(quán)利。這一由網(wǎng)站到用戶的過(guò)程屬于一種單項(xiàng)行為，在Web 1.0時(shí)代，新浪、搜狐、網(wǎng)易三大門戶扮演代表站點(diǎn)的角色。

Web 2.0，用于對(duì)網(wǎng)站及用戶之間互動(dòng)的加強(qiáng)，網(wǎng)站中的內(nèi)容來(lái)源于用戶的提供，用戶會(huì)參加到網(wǎng)站多項(xiàng)功能的建設(shè)中，網(wǎng)站同用戶之間所存在的雙向交流與參與關(guān)系得以實(shí)現(xiàn)。與Web 1.0不同，Web 2.0所具有的交互性是其最為顯著的特征與優(yōu)勢(shì)。在Web 2.0時(shí)期，博客中國(guó)、億友交友以及聯(lián)絡(luò)家等成為典型的代表。這類網(wǎng)站中的用戶擁有自己的數(shù)據(jù)，并且完全以Web為基礎(chǔ)，瀏覽器能夠?qū)θ抗δ苡枰詫?shí)現(xiàn)。

Web 3.0，該概念是由微軟公司提出來(lái)的，目前已經(jīng)成功申請(qǐng)了多項(xiàng)專利。在各個(gè)Web 3.0網(wǎng)站上，信息能夠直接進(jìn)行交換與互動(dòng)，同時(shí)，第三方信息平臺(tái)還能夠?qū)Σ煌W(wǎng)站所提供的豐富信息執(zhí)行整合與分類操作。利用Web 3.0系統(tǒng)，用戶同樣能夠在網(wǎng)絡(luò)上擁有自己的數(shù)據(jù)，較之Web 2.0更為進(jìn)步的是用戶可以對(duì)這些數(shù)據(jù)在不同網(wǎng)站上予以使用。功能的實(shí)現(xiàn)完全以Web為基礎(chǔ)，簡(jiǎn)單利用瀏覽器便能完成復(fù)雜系統(tǒng)程序才能執(zhí)行的各項(xiàng)操作。

Web 4.0，與多人聚餐類似，Web 4.0會(huì)將所有人聯(lián)結(jié)到一起，并對(duì)每個(gè)人所擁有的資源進(jìn)行整合，所有人都能根據(jù)自身的需求向資源擁有者選擇。平臺(tái)發(fā)揮聯(lián)結(jié)作用，這一平臺(tái)是一種協(xié)議而非網(wǎng)站，每個(gè)用戶都需對(duì)此協(xié)議予以遵守，網(wǎng)站是圍繞在協(xié)議旁的用戶，若每一個(gè)用戶都擁有自己的網(wǎng)站，并圍繞在協(xié)議旁，人類便能真真正正地走進(jìn)互聯(lián)網(wǎng)時(shí)代，它一定是由很多網(wǎng)站構(gòu)成的時(shí)代。

在剛剛制定Web標(biāo)準(zhǔn)時(shí)，前端開發(fā)已經(jīng)開始進(jìn)行研究，但是進(jìn)展一直較慢，Javascript逐漸為Web前端開發(fā)的成熟語(yǔ)言之后前端開發(fā)才有較大的進(jìn)展。隨著Web 4.0的應(yīng)用及微博、博客、網(wǎng)頁(yè)游戲、SNS、視頻網(wǎng)站等產(chǎn)品的出現(xiàn)，人們對(duì)網(wǎng)頁(yè)提出了更高的要求，因此，設(shè)計(jì)人員在開發(fā)過(guò)程中需要考慮更多的問(wèn)題。當(dāng)前，在網(wǎng)頁(yè)開發(fā)中，Javascript語(yǔ)言十分重要，當(dāng)前以Javascript為標(biāo)志的Web前端開發(fā)發(fā)展十分迅速。

4 Web前端開發(fā)現(xiàn)狀

當(dāng)前，Web前端開發(fā)已經(jīng)成為研究熱點(diǎn)，為了滿足不同站點(diǎn)的可用性要求，并且提高產(chǎn)品的用戶體驗(yàn)，各種以“用戶體驗(yàn)”的團(tuán)隊(duì)迅速發(fā)展，并開發(fā)團(tuán)隊(duì)中的職位分工也更加明確，如交互設(shè)計(jì)師、用戶體驗(yàn)分析師、前端開發(fā)工程師、網(wǎng)頁(yè)設(shè)計(jì)師等主要設(shè)計(jì)開發(fā)應(yīng)用強(qiáng)的前端。對(duì)于Web前端開發(fā)者來(lái)說(shuō)，需要掌握以下技能技術(shù)：熟悉W3C標(biāo)準(zhǔn)，深刻理解Web語(yǔ)義化、表現(xiàn)與數(shù)據(jù)分離等；了解后臺(tái)開發(fā)（C/C++/ PHP/Java等）、算法、數(shù)據(jù)結(jié)構(gòu)等；熟悉頁(yè)面架構(gòu)和布局，精通CSS，HTML/XHTML等網(wǎng)頁(yè)制作技術(shù)，精通Ajax，Javascript等Web開發(fā)技術(shù)。

5 前端開發(fā)體會(huì)

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

同時(shí)，在學(xué)習(xí)研究的過(guò)程中，要不斷增加自己的項(xiàng)目經(jīng)驗(yàn)，為自己增加籌碼，由于前端開發(fā)行業(yè)的特殊性，數(shù)字媒體技術(shù)的學(xué)生在大二就可以開始在社會(huì)中尋找工作經(jīng)驗(yàn)了，學(xué)校項(xiàng)目、工作室項(xiàng)目、社會(huì)兼職實(shí)習(xí)等，都是這些經(jīng)驗(yàn)的重要來(lái)源。前端開發(fā)是需要在不斷實(shí)踐中學(xué)習(xí)的，只有一定的項(xiàng)目經(jīng)驗(yàn)，才能在學(xué)習(xí)中得以擴(kuò)展深入，否則很多單純意義上的學(xué)習(xí)更像紙上談兵，沒有意義。

6 Web前端開發(fā)的未來(lái)

隨著技術(shù)的發(fā)展，前端開發(fā)技術(shù)將會(huì)不斷完善，以HTML5，CSS 4.0等技術(shù)將會(huì)成為前端開發(fā)的主流技術(shù)，即使HTML5成為現(xiàn)實(shí)，也將會(huì)有更多的前端開發(fā)技術(shù)出現(xiàn)，要時(shí)刻關(guān)注前端開發(fā)的最新技術(shù)。目前，前端開發(fā)技術(shù)剛剛走向成熟，在未來(lái)的幾年里，相信其人才需求量還會(huì)進(jìn)一步增長(zhǎng)。但是任何需求都有飽和的時(shí)候，對(duì)人才需求飽和也是前端開發(fā)真正成熟的標(biāo)志，在未來(lái)，前端開發(fā)者們會(huì)有更廣闊的發(fā)展空間，更大的挑戰(zhàn)、更高的舞臺(tái)等人們?nèi)フ故緦?shí)力。同時(shí)科研工作者也要不斷完善自身的實(shí)力，開發(fā)出更多滿足用戶需求的產(chǎn)品。

[1]（美）達(dá)科特.Web設(shè)計(jì)與前端開發(fā)秘籍：HTML CSS設(shè)計(jì)與構(gòu)建網(wǎng)站+Javascript jQuery交互式Web前端開發(fā)[M].杜偉，柴曉偉，譯.北京：清華大學(xué)出版社，2015.

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

[3]阮曉龍.Web前端開發(fā)HTML5 CSS3 jQuery AJAX從學(xué)到用完美實(shí)踐[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— ），女，陜西西安，碩士，講師；研究方向：計(jì)算機(jī)軟件及應(yīng)用。