（湖南軟件職業(yè)學(xué)院，湖南 湘潭 411100）

0 引言

Web 前端技術(shù)的優(yōu)點(diǎn)在于能夠優(yōu)化網(wǎng)頁(yè)的整體結(jié)構(gòu)，使網(wǎng)頁(yè)在實(shí)用性、美觀性等多個(gè)方面得到提升與優(yōu)化，可以提升用戶的使用體驗(yàn)，這一點(diǎn)在網(wǎng)絡(luò)技術(shù)百花齊放的信息化時(shí)代十分重要。前端技術(shù)的開(kāi)發(fā)與優(yōu)化不僅影響著當(dāng)前網(wǎng)站或者軟件的實(shí)際運(yùn)行情況，還對(duì)未來(lái)該行業(yè)的長(zhǎng)遠(yuǎn)發(fā)展意義非凡，因此對(duì)Web 前端技術(shù)的開(kāi)發(fā)技術(shù)以及未來(lái)的發(fā)展方向展開(kāi)研究很有必要。

1 當(dāng)前的Web 前端開(kāi)發(fā)技術(shù)應(yīng)用

1.1 瀏覽器兼容性開(kāi)發(fā)

當(dāng)前信息化技術(shù)發(fā)展速度較快，相應(yīng)地瀏覽器版本也呈現(xiàn)出百花齊放的情況，簡(jiǎn)言之用戶在瀏覽器的使用選擇上有著非常大的空間，這對(duì)于相關(guān)前端設(shè)計(jì)企業(yè)意味著更加激烈的行業(yè)競(jìng)爭(zhēng)，一旦用戶發(fā)現(xiàn)瀏覽器運(yùn)行較慢或者無(wú)法運(yùn)行，那么更換其他企業(yè)的瀏覽器是十分簡(jiǎn)單的，因此這就要求相關(guān)的Web 開(kāi)發(fā)人員對(duì)瀏覽器的兼容性要下足功夫，盡可能地保證瀏覽器在不同設(shè)備上的兼容運(yùn)行以及平時(shí)運(yùn)行時(shí)的穩(wěn)定性。開(kāi)發(fā)人員需要盡量減少因?yàn)榇a以及解析等問(wèn)題出現(xiàn)的瀏覽器運(yùn)行故障等情況，不斷地優(yōu)化瀏覽器的編程以及優(yōu)化語(yǔ)言，提升用戶的瀏覽器使用體驗(yàn)。在瀏覽器開(kāi)發(fā)完成后還需要對(duì)其在不同設(shè)備上的運(yùn)行情況進(jìn)行長(zhǎng)期的觀察并且調(diào)試，使瀏覽器的兼容性不斷提升，從而擴(kuò)大用戶群體，增加用戶的使用粘性，從而在與其他企業(yè)的產(chǎn)品競(jìng)爭(zhēng)中占據(jù)優(yōu)勢(shì)。

1.2 運(yùn)用編程語(yǔ)言多樣性的優(yōu)勢(shì)

Web 前端開(kāi)發(fā)中有著多種計(jì)算機(jī)語(yǔ)言，在Web 前端技術(shù)開(kāi)發(fā)中主要用到三種計(jì)算機(jī)語(yǔ)言，這三種語(yǔ)言技術(shù)有著各自的用法以及優(yōu)勢(shì)。首先是CSS 語(yǔ)言，它的含義是層疊樣式表，能夠增強(qiáng)對(duì)于網(wǎng)頁(yè)樣式的控制，可以幫助設(shè)計(jì)者將網(wǎng)頁(yè)的界面設(shè)計(jì)得更加美觀，它是一種標(biāo)記性語(yǔ)言，能夠?qū)邮叫畔⑴c網(wǎng)頁(yè)內(nèi)容分離出來(lái)。CSS語(yǔ)言具有加快頁(yè)面瀏覽速度、維護(hù)更加簡(jiǎn)便快捷等優(yōu)點(diǎn)。JavaScript 語(yǔ)言即腳本語(yǔ)言，其主要功能在于對(duì)于網(wǎng)景領(lǐng)航員的擴(kuò)展，可在其他語(yǔ)言之間插入幀對(duì)于對(duì)象的解釋性編程語(yǔ)言。JavaScript 語(yǔ)言可以幫助用戶在脫離Web 服務(wù)器的情況下實(shí)現(xiàn)與Web 網(wǎng)頁(yè)的良好互動(dòng)，能夠提升用戶的網(wǎng)頁(yè)使用體驗(yàn)。HTML 即超文本標(biāo)記語(yǔ)言的主要作用是幫助網(wǎng)頁(yè)管理人員更好地實(shí)現(xiàn)網(wǎng)頁(yè)的管理運(yùn)行，能夠極大地降低網(wǎng)頁(yè)的管理難度，是Web 前端的運(yùn)行管理工作難度降低，幫助網(wǎng)站的流暢運(yùn)行。除此之外，Ajax（異步JavaScript 和XML）、DOM（文檔對(duì)象模型）等相關(guān)技術(shù)也是Web 前端技術(shù)的相關(guān)組成部分，Ajax 的運(yùn)行特點(diǎn)是其能夠在網(wǎng)頁(yè)頁(yè)面無(wú)須刷新的情況下實(shí)現(xiàn)與服務(wù)器之間數(shù)據(jù)與文件的接受與傳遞，而后者能夠?qū)?shù)據(jù)的類型進(jìn)行轉(zhuǎn)化，將較為復(fù)雜的數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)化為計(jì)算機(jī)內(nèi)運(yùn)行較快的樹形結(jié)構(gòu)類型，進(jìn)一步提升網(wǎng)頁(yè)的運(yùn)行速度。在Web 前端設(shè)計(jì)人員的設(shè)計(jì)過(guò)程中通過(guò)將各種計(jì)算機(jī)語(yǔ)言進(jìn)行搭配使用，實(shí)現(xiàn)網(wǎng)頁(yè)的高效率運(yùn)行，但這樣的多種技術(shù)復(fù)雜運(yùn)用對(duì)于前端技術(shù)開(kāi)發(fā)人員有著較高的要求[1]。

2 Web 前端開(kāi)發(fā)技術(shù)優(yōu)化方向

在當(dāng)前互聯(lián)網(wǎng)以及信息技術(shù)飛速發(fā)展的背景下，相關(guān)的技術(shù)革新速度也非?？?，這些新型技術(shù)的采用能夠有效改善以往瀏覽器中存在的許多問(wèn)題。借助于新興技術(shù)不斷完善Web 前端技術(shù)，在提高Web 前端實(shí)用性的同時(shí)實(shí)現(xiàn)用戶的良好使用體驗(yàn)，其中用戶的使用體驗(yàn)是前端技術(shù)開(kāi)發(fā)人員所應(yīng)關(guān)注的重點(diǎn)，利用多種技術(shù)多樣組合實(shí)現(xiàn)Web 前端技術(shù)的持續(xù)發(fā)展，以下為當(dāng)前的幾大優(yōu)化建議。

2.1 盡量減少文件的大小

在瀏覽器的使用過(guò)程中網(wǎng)頁(yè)的打開(kāi)的速度對(duì)于用戶的使用體驗(yàn)十分重要，一個(gè)快速便捷的瀏覽器才能夠使用戶持續(xù)依賴使用。而網(wǎng)頁(yè)的打開(kāi)速度除了與用戶的網(wǎng)絡(luò)環(huán)境有關(guān)以外，瀏覽器中網(wǎng)頁(yè)所占用的文件的大小也是十分重要的一個(gè)因素。在相同的網(wǎng)絡(luò)環(huán)境下所占空間越小的文件所占用的網(wǎng)絡(luò)資源也就越小，自然也就能夠更加快速地實(shí)現(xiàn)網(wǎng)頁(yè)的打開(kāi)與運(yùn)行，以此在同等的網(wǎng)絡(luò)環(huán)境下優(yōu)化網(wǎng)頁(yè)的存儲(chǔ)結(jié)構(gòu)從而減小文件的大小是前端技術(shù)開(kāi)發(fā)人員工作的重點(diǎn)。在設(shè)計(jì)時(shí)需要盡量減少不必要文件的存在，對(duì)Web 文件中重復(fù)的代碼進(jìn)行整合刪除處理，減少網(wǎng)頁(yè)文件的大小從而達(dá)到提升瀏覽速度的效果。但是在進(jìn)行代碼的整改中需要格外注意保護(hù)好網(wǎng)頁(yè)的核心代碼，一旦核心代碼出現(xiàn)問(wèn)題將會(huì)影響網(wǎng)頁(yè)的正常運(yùn)行進(jìn)而降低用戶的使用體驗(yàn)。通過(guò)對(duì)網(wǎng)頁(yè)的代碼存儲(chǔ)結(jié)構(gòu)進(jìn)行優(yōu)化提升網(wǎng)頁(yè)的運(yùn)行速度，保證用戶良好的使用體驗(yàn)。

2.2 減少網(wǎng)頁(yè)中HTTP 的請(qǐng)求

在網(wǎng)頁(yè)設(shè)計(jì)與運(yùn)行中HTTP 是必不可少的一個(gè)環(huán)節(jié)，HTTP 是一個(gè)簡(jiǎn)單的請(qǐng)求-響應(yīng)協(xié)議，它通常運(yùn)行在TCP 之上。它指定了客戶端可能發(fā)送給服務(wù)器什么樣的消息以及得到什么樣的響應(yīng)。請(qǐng)求和響應(yīng)消息的頭以ASCII 碼形式給出；而消息內(nèi)容則具有一個(gè)類似MIME的格式。這個(gè)簡(jiǎn)單模型是早期Web 成功的有功之臣，因?yàn)樗归_(kāi)發(fā)和部署非常地直截了當(dāng)。但是在初期的網(wǎng)頁(yè)設(shè)計(jì)中開(kāi)發(fā)人員由于經(jīng)驗(yàn)有所欠缺在設(shè)計(jì)過(guò)程中為了實(shí)現(xiàn)網(wǎng)頁(yè)的美觀效果設(shè)置了過(guò)多的HTTP 請(qǐng)求。這些請(qǐng)求腳本在網(wǎng)頁(yè)界面中占據(jù)了大部分的位置，這使得用戶往往不能夠直接找到自己想要操作的內(nèi)容，需要通過(guò)大量的HTTP 請(qǐng)求才能夠打開(kāi)網(wǎng)站，這就形成了舍本求末的現(xiàn)象，開(kāi)發(fā)人員在設(shè)計(jì)時(shí)為了追求網(wǎng)頁(yè)的整體布局而忽略了用戶的實(shí)際使用體驗(yàn)，結(jié)果反而“弄巧成拙”。為改變這種一狀況前端的設(shè)計(jì)開(kāi)發(fā)人員需要從用戶的實(shí)際使用體驗(yàn)出發(fā)，減少不必要的HTTP 請(qǐng)求來(lái)提升網(wǎng)頁(yè)的實(shí)際運(yùn)行速度，在網(wǎng)頁(yè)界面設(shè)計(jì)上要摒棄一味追求華麗復(fù)雜的習(xí)慣，將網(wǎng)頁(yè)美術(shù)設(shè)計(jì)重點(diǎn)放在簡(jiǎn)潔與創(chuàng)新性上，力爭(zhēng)使用戶有眼前一亮的感覺(jué)，這樣既能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的流暢高效運(yùn)行，也能夠在一定程度上提升用戶的實(shí)際使用體驗(yàn)，為Web 前端設(shè)計(jì)更好地發(fā)展提供經(jīng)驗(yàn)與意見(jiàn)。

2.3 減少DNS 的查詢時(shí)間

DNS 為域名系統(tǒng)（英文：Domain Name System，縮寫：DNS）是互聯(lián)網(wǎng)的一項(xiàng)服務(wù)。它作為將域名和IP 地址相互映射的一個(gè)分布式數(shù)據(jù)庫(kù)，能夠使人更方便地訪問(wèn)互聯(lián)網(wǎng)。DNS 使用TCP 和UDP 端口53。當(dāng)前，對(duì)于每一級(jí)域名長(zhǎng)度的限制是63個(gè)字符，域名總長(zhǎng)度則不能超過(guò)253個(gè)字符。在網(wǎng)頁(yè)的實(shí)際運(yùn)行中DNS 的查詢時(shí)間也是影響到網(wǎng)頁(yè)打開(kāi)速度的重要因素之一，而根據(jù)對(duì)于用戶的調(diào)查顯示他們更加偏愛(ài)查詢時(shí)間少的網(wǎng)頁(yè)，因此前端的設(shè)計(jì)開(kāi)發(fā)人員就需要依據(jù)用戶對(duì)于網(wǎng)頁(yè)的實(shí)際使用體驗(yàn)來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行優(yōu)化設(shè)計(jì)，減少網(wǎng)頁(yè)中DNS 的查詢時(shí)間。將一些較為復(fù)雜的DNS 查詢系統(tǒng)優(yōu)化處理，增加網(wǎng)頁(yè)查詢的實(shí)際速度，實(shí)現(xiàn)用戶使用網(wǎng)頁(yè)時(shí)良好的使用體驗(yàn)[2]。

2.4 對(duì)網(wǎng)頁(yè)界面進(jìn)行優(yōu)化處理

在以往的網(wǎng)頁(yè)界面設(shè)計(jì)中前端開(kāi)發(fā)設(shè)計(jì)往往會(huì)追求界面的華麗美觀以及功能的多樣化而使得網(wǎng)頁(yè)的界面過(guò)于冗雜，使用戶在使用時(shí)比較吃力，因此對(duì)于界面就需要進(jìn)行一定的簡(jiǎn)化操作，使網(wǎng)頁(yè)界面簡(jiǎn)潔。除此之外吸引用戶使用網(wǎng)頁(yè)的因素除了運(yùn)行速度之外還有界面對(duì)于用戶的吸引力，這就要求前端設(shè)計(jì)人員在簡(jiǎn)化網(wǎng)頁(yè)界面的同時(shí)對(duì)于用戶進(jìn)行一定的調(diào)查了解，對(duì)于網(wǎng)頁(yè)界面設(shè)計(jì)采用創(chuàng)新型設(shè)計(jì)，使用戶在操作方便的同時(shí)能夠因界面有眼前一亮的感覺(jué)。簡(jiǎn)化網(wǎng)頁(yè)界面還具有減少網(wǎng)頁(yè)不必要功能使得網(wǎng)頁(yè)運(yùn)行速度更快的優(yōu)點(diǎn)。

3 結(jié)束語(yǔ)

簡(jiǎn)而言之，網(wǎng)絡(luò)信息技術(shù)已經(jīng)成為了現(xiàn)代社會(huì)運(yùn)行以及人們?nèi)粘Ｉ钪斜夭豢缮俚囊徊糠?，這對(duì)于網(wǎng)絡(luò)前端技術(shù)開(kāi)發(fā)具有一定的促進(jìn)作用，但是同時(shí)也使得行業(yè)之間的競(jìng)爭(zhēng)更加激烈。因此對(duì)于Web 前端開(kāi)發(fā)技術(shù)的應(yīng)用以及優(yōu)化研究是該行業(yè)發(fā)展的重點(diǎn)，對(duì)網(wǎng)頁(yè)前端進(jìn)行優(yōu)化設(shè)計(jì)能夠極大地提升用戶的使用體驗(yàn)從而增強(qiáng)用戶對(duì)于該網(wǎng)頁(yè)的粘度，對(duì)于提升企業(yè)的影響力與競(jìng)爭(zhēng)力至關(guān)重要。在競(jìng)爭(zhēng)中實(shí)現(xiàn)前端技術(shù)的不斷發(fā)展，為用戶人群提供更好的服務(wù)的同時(shí)實(shí)現(xiàn)企業(yè)的長(zhǎng)遠(yuǎn)發(fā)展。