Web 前端開發(fā)技術(shù)的研究

張文靜

摘 要 Web前端開發(fā)是近幾年新興的一個(gè)領(lǐng)域，前端開發(fā)的好壞直接影響整個(gè)網(wǎng)站的交互效果。本文首先介紹了前端開發(fā)的技術(shù)，分析了前端開發(fā)的現(xiàn)狀，最后闡述了Web前端開發(fā)工程師應(yīng)具備的技術(shù)能力。

關(guān)鍵詞 Web前端 html css

中圖分類號：TN99 文獻(xiàn)標(biāo)識碼：A

0引言

Web前端開發(fā)是近幾年新興的一個(gè)領(lǐng)域，它是從網(wǎng)頁制作發(fā)展而來。早期的網(wǎng)頁制作是用Dreamweaver、Fireworks、Flash等工具制作網(wǎng)頁，網(wǎng)站以靜態(tài)的內(nèi)容顯示，用戶以瀏覽為主[1]。自從互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代，網(wǎng)站的前端發(fā)生了質(zhì)的變化。網(wǎng)站上不再是單一的文字和圖片組成的靜態(tài)頁面，各種富媒體讓網(wǎng)頁的內(nèi)容變得更加生動，而網(wǎng)頁上動態(tài)交互也為用戶提供了很好的體驗(yàn)。這些都是基于前端的基礎(chǔ)上實(shí)現(xiàn)的，前端開發(fā)核心技術(shù)主要有HTML、CSS、JavaScript。下面我們一一介紹Web前端開發(fā)的技術(shù)。

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

對于前端開發(fā)技術(shù)，業(yè)內(nèi)有這樣的說法：“ HTML是內(nèi)容，CSS是表現(xiàn)，JavaScript是行為”?？偹苤?，HTML、CSS、JavaScript是Web前端開發(fā)的三大核心技術(shù)，除了這三種核心技術(shù)語言外，還延伸了諸如JQuery、Bootstrap、Ajax之類的技術(shù)框架、模板和開發(fā)工具這些在前端開發(fā)中應(yīng)用也十分廣泛。下面我們著重介紹這三大核心技術(shù)。

1.1 HTML

HTML（Hypertext Markup Language，超級文本標(biāo)記語言）是一種專門用于創(chuàng)建Web超文本文檔的編程語言，同時(shí)也是一種網(wǎng)頁開發(fā)的規(guī)范標(biāo)準(zhǔn)，它通過對標(biāo)簽符號的使用實(shí)現(xiàn)對網(wǎng)頁各個(gè)元素的編輯展示。在HTML之后，包含文本、圖像、視頻等各種多媒體信息的頁面逐漸進(jìn)入人們的視野。HTML已經(jīng)發(fā)布了很多版本，目前比較熱門的是HTML5。HTML5在音頻、視頻、動畫、應(yīng)用、頁面效果和開發(fā)效率等方面給網(wǎng)頁結(jié)構(gòu)帶來了巨大的變化，對傳統(tǒng)網(wǎng)頁設(shè)計(jì)風(fēng)格及相關(guān)理念帶來了沖擊。HTML5丟棄了上一代Web標(biāo)準(zhǔn)中一些不常用和不實(shí)用的標(biāo)簽，同時(shí)也引入了許多新的標(biāo)簽。HTML5最大的優(yōu)勢在于它具有良好的網(wǎng)頁表現(xiàn)性能和跨平臺兼容性。

1.2 CSS

CSS（Cascading Style Sheets，層疊樣式表），是用來表現(xiàn)HTML或XML等文件樣式語言[2]。通過CSS可以對頁面布局、字體、背景、顏色、邊界和其它效果實(shí)現(xiàn)精確控制，并且能夠進(jìn)行交互設(shè)計(jì)，從而提升前端的美觀程度。內(nèi)嵌CSS技術(shù)的Web開發(fā)能夠更好的幫助開發(fā)人員實(shí)現(xiàn)內(nèi)容和頁面分離，特別是以CSS+DIV為特色的布局技術(shù)已經(jīng)被各大門戶網(wǎng)站得到應(yīng)用，這將大大提高了后期站點(diǎn)維護(hù)的效率。目前CSS3是CSS的最高版本。

1.3 JavaScript

JavaScript是由Web發(fā)展初期的網(wǎng)景（Netscape）公司創(chuàng)建，“JavaScript”是Sun Microsystem公司（現(xiàn)在的Orcale）的注冊商標(biāo)，用來特指網(wǎng)景（現(xiàn)在的Mozilla）對這門語言的實(shí)現(xiàn)。它是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。JavaScript出現(xiàn)之后，信息與用戶之間不再只是簡單的顯示與瀏覽的關(guān)系，而是可以進(jìn)行實(shí)時(shí)、動態(tài)、可交式的表達(dá)。JavaScript被嵌入到HTML文件中，不需要經(jīng)過Web服務(wù)器就可以對用戶操作作出響應(yīng)，使網(wǎng)頁能夠更好的與用戶交互。

2前端開發(fā)的現(xiàn)狀

Web前端開發(fā)已經(jīng)成為當(dāng)前研究的熱點(diǎn)，隨著人們對用戶體驗(yàn)的要求越來越高，為了提高產(chǎn)品的用戶體驗(yàn)，前端開發(fā)的職位分工也越來越明確。如交互設(shè)計(jì)師、網(wǎng)頁設(shè)計(jì)師、前端開發(fā)工程師、網(wǎng)頁重構(gòu)師、用戶體驗(yàn)師等等。目前Web前端開發(fā)剛剛開始，對于一些規(guī)范和最佳實(shí)踐的研究都處于探索階段。各種框架層出不窮，各種跨瀏覽器的方案五花八門。如何有效的對Web進(jìn)行優(yōu)化，提升用戶體驗(yàn)，提高運(yùn)行速度，解決無響應(yīng)和速度慢的問題是我們研究的重點(diǎn)。

3前端開發(fā)的體會

與后臺開發(fā)和服務(wù)器開發(fā)相比，前端開發(fā)的入門門檻比較低，它是先易后難。技術(shù)人員可以通過自主學(xué)習(xí)掌握一定的知識，從事Web技術(shù)的研發(fā)工作。以前只要會使用Photoshop、 Dreamweaver和Flash等基本軟件就可以制作網(wǎng)頁，但現(xiàn)在遠(yuǎn)遠(yuǎn)不夠。由于現(xiàn)在大多數(shù)網(wǎng)站都是動態(tài)的，前端開發(fā)人員需要與后臺開發(fā)人員一起配合才能完成一個(gè)項(xiàng)目，只掌握Web前端開發(fā)技術(shù)還不夠，還需要掌握一門后臺開發(fā)技術(shù)。一個(gè)優(yōu)秀的Web前端開發(fā)技術(shù)人員在知識體系上既要有廣度又要有深度。在開發(fā)過程中一定要養(yǎng)成良好的編碼習(xí)慣，比如保持良好的文檔結(jié)構(gòu)和編碼風(fēng)格，代碼命名規(guī)范，多使用結(jié)構(gòu)化標(biāo)簽，盡量優(yōu)化html、css、js代碼，多關(guān)注一些網(wǎng)站性能優(yōu)化的方式。

4結(jié)束語

近年來，前端技術(shù)給互聯(lián)網(wǎng)帶來很大的沖擊，越來越多的人從事這個(gè)行業(yè)。由于前端開發(fā)的技術(shù)還處于不斷的摸索階段，一些規(guī)范和規(guī)定還不完整，不斷的涌現(xiàn)出一些新型的技術(shù)和設(shè)備，促進(jìn)Web技術(shù)的發(fā)展。在這種情況下，給從業(yè)人員帶來了很大的挑戰(zhàn)。從業(yè)人員要時(shí)刻關(guān)注前端開發(fā)的最新技術(shù)，不斷完善自身的實(shí)力，從而開發(fā)出更多滿足客戶需要的產(chǎn)品。

參考文獻(xiàn)

[1] 魏娜.Web前端開發(fā)技術(shù)研究[J].現(xiàn)代計(jì)算機(jī)（專業(yè)版），2011（29）：50-52.

[2] 楊毅.Web前端開發(fā)技術(shù)探討[J].電腦知識與技術(shù).2014，（8）：54-59.

[3] 陳幼凌.一種開發(fā)和執(zhí)行均衡高效的Web前端框架的研究與實(shí)現(xiàn)[D].北京郵電大學(xué)，2013，11（14）：132-136.

[4] 王政.Web前端開發(fā)技術(shù)以及優(yōu)化研究[J].電腦知識與技術(shù)，2013（22）：5037-5038.

[5] 趙大偉，陳剛.Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究[J].電腦知識與技術(shù)，2015（24）：109-110.endprint