摘? 要：Web的基本漢語(yǔ)含義是“全球廣域網(wǎng)”，它象征著全球化信息時(shí)代已經(jīng)到來(lái)。從技術(shù)視角來(lái)看，Web是信息技術(shù)發(fā)展的產(chǎn)物，其前端是網(wǎng)頁(yè)制作技術(shù)。一般來(lái)講，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)是網(wǎng)頁(yè)制作技術(shù)，起初，網(wǎng)站設(shè)計(jì)工作以靜態(tài)網(wǎng)頁(yè)為主，所有用戶會(huì)通過(guò)進(jìn)入網(wǎng)站來(lái)瀏覽信息。后來(lái)，隨著Web的深入發(fā)展，數(shù)據(jù)交互刷新更為頻繁，網(wǎng)頁(yè)跳轉(zhuǎn)次數(shù)也隨之減少，這標(biāo)志著融入大數(shù)據(jù)的信息時(shí)代已經(jīng)到來(lái)，在此背景下，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)依然需要不斷發(fā)展與優(yōu)化。

關(guān)鍵詞：網(wǎng)站制作;Web前端;開發(fā)技術(shù)

中圖分類號(hào)：TP393.092? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2019）08-0111-02

Abstract：The basic Chinese meaning of the Web is “Global Wide Area Network”，which symbolizes the arrival of the global information age. From a technical point of view，the Web is the product of the development of information technology，and its front-end is web page production technology .Generally speaking，Web front-end development technology based on website production is web page production technology. Initially，static web pages are the main work of website design. All users will browse information by entering the website. Later，with the in-depth development of the Web，data interaction refreshes more frequently，and the number of page jumps also decreases. This indicates that the information age has come to integrate big data. In this context，Web front-end development technology based on website production still needs to be continuously developed and optimized.

Keywords：website production;Web front-end;development technology

0? 引? 言

從微觀結(jié)構(gòu)來(lái)看，網(wǎng)站制作所涉及的范圍極為廣泛，主要制作內(nèi)容包括圖片處理、網(wǎng)頁(yè)布局與數(shù)據(jù)庫(kù)建立，而且，網(wǎng)頁(yè)布局與數(shù)據(jù)庫(kù)建立必須科學(xué)合理。目前，隨著科技的進(jìn)步與海量信息的緊密融合，網(wǎng)站制作形式與內(nèi)容日趨多樣化，進(jìn)而能夠滿足不同年齡、不同學(xué)歷和不同職業(yè)的用戶信息需求。從基礎(chǔ)視角來(lái)看，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)所發(fā)揮的作用頗為重要，在該技術(shù)的主導(dǎo)下，桌面軟件中的Web也日益增多。而且，網(wǎng)站網(wǎng)頁(yè)不僅只作為圖畫與文字的載體，而且能夠提供更加豐富多彩的內(nèi)容，讓用戶進(jìn)行可觸化體驗(yàn)，從而有效提高網(wǎng)站服務(wù)質(zhì)量。本文將簡(jiǎn)單介紹Web前端開發(fā)技術(shù)的基本定義，系統(tǒng)論述基于網(wǎng)站制作的Web前端開發(fā)重點(diǎn)，并從優(yōu)化HTTP請(qǐng)求模式、優(yōu)化計(jì)算機(jī)文件規(guī)模、優(yōu)化網(wǎng)站內(nèi)容和優(yōu)化DNS查詢次數(shù)等四個(gè)方面探討基于網(wǎng)站制作的Web前端開發(fā)技術(shù)的優(yōu)化方案。

1? Web前端開發(fā)技術(shù)的基本定義

從總體視角來(lái)分析，Web前端開發(fā)技術(shù)主要包括三大關(guān)鍵語(yǔ)言，分別是Java Script、HTML和CSS，這三種語(yǔ)言的職能與特點(diǎn)各有差異，執(zhí)行標(biāo)準(zhǔn)也不盡相同，卻又存在一定的關(guān)聯(lián)性。在Web前端開發(fā)工作中，這三種語(yǔ)言缺一不可。提升Web前端開發(fā)技術(shù)，則必須全面改善這三種語(yǔ)言結(jié)構(gòu)。其次，B/S是21世紀(jì)最常見的網(wǎng)絡(luò)環(huán)境。同時(shí)，從當(dāng)前的網(wǎng)絡(luò)環(huán)境結(jié)構(gòu)來(lái)分析，客戶端所設(shè)計(jì)的瀏覽器屬于一種現(xiàn)代化技術(shù)方式，用戶在使用瀏覽器訪問(wèn)網(wǎng)頁(yè)時(shí)必須先輸入網(wǎng)址，接著發(fā)出URL請(qǐng)求，接著服務(wù)器對(duì)域名進(jìn)行分析，然后，準(zhǔn)確獲取IP地址，接著運(yùn)用計(jì)算機(jī)對(duì)該IP地址進(jìn)行訪問(wèn)與瀏覽，并以此為基礎(chǔ)，通過(guò)點(diǎn)擊瀏覽器的客戶端為服務(wù)器發(fā)送HITP。一般情況下，服務(wù)器在接收HITP之后會(huì)結(jié)合URL的具體請(qǐng)求來(lái)確認(rèn)相關(guān)文件，文件在經(jīng)過(guò)確認(rèn)后會(huì)呈現(xiàn)網(wǎng)址類型的文件，像JSP文件、ASP文件。與此同時(shí)，Web服務(wù)器會(huì)根據(jù)文件內(nèi)容和URL參數(shù)做好資源調(diào)用工作，對(duì)數(shù)據(jù)進(jìn)行有效組合，使之自動(dòng)轉(zhuǎn)化成HTML頁(yè)面。此外，在文件與頁(yè)面生成之后，服務(wù)器會(huì)自動(dòng)完成來(lái)自HTTP的請(qǐng)求，并將所形成的HTML文件自動(dòng)傳送給瀏覽器。而瀏覽器在接收文件之后會(huì)對(duì)其內(nèi)容進(jìn)行細(xì)致的分析，借助由服務(wù)器為瀏覽器輸送資源文件的鏈接，鏈接形式大多為CSS和內(nèi)嵌網(wǎng)頁(yè)等。而且，服務(wù)器收到請(qǐng)求后，會(huì)借助網(wǎng)絡(luò)平臺(tái)為瀏覽器發(fā)送符合要求的資源文件，緊接著，瀏覽器會(huì)整理所收到的文件數(shù)據(jù)與資源，然后，將文件內(nèi)容呈現(xiàn)在頁(yè)面上，并對(duì)其進(jìn)行正確的排版。在此環(huán)節(jié)，瀏覽器也會(huì)根據(jù)從上到下的順序執(zhí)行HTML 文件的命令，如果文件直接遇到了瀏覽器所對(duì)應(yīng)的腳本，就會(huì)對(duì)腳本進(jìn)行直接分析，緊接著準(zhǔn)確執(zhí)行其相關(guān)代碼。需要注意的是，此時(shí)執(zhí)行腳本會(huì)影響鏈接文件的正常加載。

2? 基于網(wǎng)站制作的Web前端開發(fā)重點(diǎn)

從發(fā)展視角來(lái)看，自基于網(wǎng)站制作的Web前端開發(fā)技術(shù)誕生以來(lái)，起初HTML技術(shù)主要用于幫助用戶訪問(wèn)網(wǎng)頁(yè)內(nèi)容，CSS技術(shù)用于構(gòu)建網(wǎng)頁(yè)站點(diǎn)和美化頁(yè)面。后來(lái)，基于網(wǎng)站制作的Web前端開發(fā)重點(diǎn)是實(shí)現(xiàn)網(wǎng)站的自動(dòng)跳轉(zhuǎn)與不同網(wǎng)絡(luò)內(nèi)容的順利過(guò)渡。其次，基于網(wǎng)站制作的Web前端技術(shù)增加了禁止網(wǎng)頁(yè)非法訪問(wèn)的功能，為了避免不法分子偽裝成合法用戶進(jìn)入通信網(wǎng)絡(luò)系統(tǒng)，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)設(shè)計(jì)了防插入入侵權(quán)限，以此加強(qiáng)身份認(rèn)證控制系統(tǒng)的功能。與此同時(shí)，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)設(shè)計(jì)了完善的移動(dòng)IP安全管理系統(tǒng)，以此避免不法分子趁網(wǎng)絡(luò)傳輸環(huán)境不穩(wěn)定時(shí)竊取信息。再次，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)為不斷加強(qiáng)網(wǎng)絡(luò)病毒防控能力，設(shè)置了完善的保護(hù)系統(tǒng)和安全密碼以避免網(wǎng)絡(luò)受到病毒侵蝕，做好網(wǎng)絡(luò)安全監(jiān)測(cè)工作，從而不斷提高網(wǎng)絡(luò)安全性能。而且，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)會(huì)及時(shí)阻止非法入侵行為，定期修復(fù)計(jì)算機(jī)漏洞，清除各種不安全因素。

另一方面，基于網(wǎng)站制作的Web前端開發(fā)技術(shù)大力增強(qiáng)了網(wǎng)絡(luò)殺毒軟件的五項(xiàng)功能：第一，全面監(jiān)控網(wǎng)絡(luò)運(yùn)行狀況，清除萌芽階段的病毒程序。第二，定期升級(jí)殺毒軟件，優(yōu)化網(wǎng)絡(luò)病毒庫(kù)，從根本上查殺網(wǎng)絡(luò)病毒。第三，加強(qiáng)殺毒軟件的病毒清除功能，改善網(wǎng)絡(luò)系統(tǒng)中的抵御病毒程序。第四，全面整合與優(yōu)化殺毒軟件所擁有的網(wǎng)絡(luò)資源，提升殺毒軟件的自動(dòng)啟用功能。第五，增強(qiáng)殺毒軟件的自動(dòng)識(shí)別功能，這樣殺毒軟件在辨認(rèn)出網(wǎng)絡(luò)病毒后就會(huì)立刻自動(dòng)查殺和清除該病毒。

3? 基于網(wǎng)站制作的Web前端開發(fā)技術(shù)優(yōu)化方案

3.1? 優(yōu)化HTTP請(qǐng)求模式

提高基于網(wǎng)站制作的Web前端開發(fā)技術(shù)，首先要著重優(yōu)化HTTP請(qǐng)求模式，在具體環(huán)節(jié)，工作人員應(yīng)重視認(rèn)真篩選HTTP所請(qǐng)求的內(nèi)容，然后，根據(jù)請(qǐng)求內(nèi)容來(lái)提高Web前端開發(fā)技術(shù)的質(zhì)量。其次，HTTP請(qǐng)求所包含的內(nèi)容極為廣泛，有服務(wù)器文件接收、瀏覽器建立鏈接和數(shù)據(jù)發(fā)送等，不同內(nèi)容所耗用的時(shí)間不同，因而，在優(yōu)化HTTP請(qǐng)求模式的過(guò)程中，工作人員應(yīng)注意節(jié)省時(shí)間成本。再次，不同請(qǐng)求環(huán)境會(huì)占用更多的時(shí)間，經(jīng)過(guò)時(shí)間累計(jì)后，所耗用的時(shí)間成本與寬帶資源均會(huì)大幅度增加，對(duì)此，要盡量控制請(qǐng)求數(shù)量與時(shí)間，同時(shí)，運(yùn)用文件合并法來(lái)節(jié)約內(nèi)存。對(duì)于第二次請(qǐng)求，應(yīng)盡可能使之一次完成;對(duì)于不同圖片，應(yīng)使用不同鏈接來(lái)映射不同區(qū)域;對(duì)于內(nèi)聯(lián)圖像，應(yīng)盡量保證該文本能夠與圖像同時(shí)下載。

3.2? 優(yōu)化計(jì)算機(jī)文件規(guī)模

與其他工作流程相比，優(yōu)化計(jì)算機(jī)文件規(guī)模的程序更為煩瑣，在此環(huán)節(jié)，工作人員不僅要做好Java Script與CSS文件的優(yōu)化工作，而且要對(duì)相關(guān)代碼實(shí)施全面優(yōu)化。其次，該項(xiàng)工作的重點(diǎn)環(huán)節(jié)是對(duì)HTML標(biāo)簽進(jìn)行正確剔除，避免出現(xiàn)內(nèi)聯(lián)式。

3.3? 優(yōu)化網(wǎng)站內(nèi)容

從宏觀結(jié)構(gòu)來(lái)分析，優(yōu)化網(wǎng)站內(nèi)容，則需要做好兩方面的工作，一方面，要將Script設(shè)置于底部，然后對(duì)其進(jìn)行優(yōu)化。另一方面，要做好CSS的優(yōu)化工作，避免執(zhí)行腳本時(shí)對(duì)CSS 加載造成負(fù)面影響。

3.4? 優(yōu)化DNS查詢次數(shù)

目前，DNS是致使時(shí)間成本提高的主要因素之一，據(jù)調(diào)查統(tǒng)計(jì)，平均每次解析DNS的時(shí)長(zhǎng)為20毫秒到120毫秒，經(jīng)過(guò)多次解析之后，時(shí)間必然會(huì)增加。因此，工作人員應(yīng)通過(guò)增加站點(diǎn)目錄的方式來(lái)優(yōu)化DNS查詢次數(shù)，以此控制時(shí)間成本。

4? 結(jié)? 論

綜上所述，全面優(yōu)化基于網(wǎng)站制作的Web前端開發(fā)技術(shù)，提高網(wǎng)站設(shè)計(jì)質(zhì)量，網(wǎng)絡(luò)工程設(shè)計(jì)師應(yīng)注意對(duì)HTTP請(qǐng)求模式、計(jì)算機(jī)文件規(guī)模、網(wǎng)站內(nèi)容和DNS查詢次數(shù)進(jìn)行全面優(yōu)化，以此豐富網(wǎng)站內(nèi)容，方便信息交互與傳遞，改善網(wǎng)頁(yè)體驗(yàn)?zāi)Ｊ健?/p>

參考文獻(xiàn)：

[1] 張萃.Web前端開發(fā)技術(shù)與優(yōu)化措施 [J].中國(guó)管理信息化，2017，20（22）：153-154.

[2] 陳鯡.Web前端開發(fā)技術(shù)以及優(yōu)化方向分析 [J].新媒體研究，2015（3）：39-40.

[3] 陳月，秦福建.Web前端開發(fā)技術(shù)以及優(yōu)化方向探究 [J].信息與電腦（理論版），2016（4）：35+37.

[4] 王赫.Web前端開發(fā)技術(shù)以及優(yōu)化方向分析 [J].科技傳播，2016，8（8）：70+77.

作者簡(jiǎn)介：陳捷（1987.07-），男，漢族，廣東雷州人，計(jì)算機(jī)工程師，網(wǎng)頁(yè)編輯，學(xué)士學(xué)位，研究方向：網(wǎng)站前端技術(shù)。