楊艷霞

（山西國(guó)際商務(wù)職業(yè)學(xué)院 山西省太原市 030031）

在信息技術(shù)飛速發(fā)展的今天，人類社會(huì)與信息技術(shù)的聯(lián)系越來(lái)越密切，網(wǎng)頁(yè)作為人類網(wǎng)絡(luò)技術(shù)應(yīng)用的重要途徑，承擔(dān)著傳遞圖片、影片、文字等信息的重要作用。提高互聯(lián)網(wǎng)外部開(kāi)發(fā)技術(shù)有助于充實(shí)網(wǎng)頁(yè)內(nèi)容，增強(qiáng)互聯(lián)網(wǎng)應(yīng)用性能，為用戶提供更好的服務(wù)。研究互聯(lián)網(wǎng)技術(shù)相關(guān)知識(shí)，分析其不完善的地方，提高互聯(lián)網(wǎng)外部開(kāi)發(fā)技術(shù)水平具有充分的現(xiàn)實(shí)意義。

1 Web前端開(kāi)發(fā)技術(shù)主要內(nèi)容

Web 前端開(kāi)發(fā)技術(shù)主要包括JavaScript、css 以及html 三部分。這三部分有著自己獨(dú)有的特征，并具有自己專用的功能，同時(shí)這三種語(yǔ)言相互影響，共同構(gòu)成Web 前端開(kāi)發(fā)技術(shù)體系。進(jìn)行Web 前端開(kāi)發(fā)技術(shù)工作，相關(guān)人員需要真正掌握這三部分，對(duì)這三部分進(jìn)行深層次探究并加以現(xiàn)實(shí)利用，才能更加高效的進(jìn)行Web 前端開(kāi)發(fā)技術(shù)應(yīng)用。本文接下來(lái)將對(duì)Web 前端開(kāi)發(fā)技術(shù)中的三大語(yǔ)言，Web 語(yǔ)言特點(diǎn)、表現(xiàn)形式、跨瀏覽器應(yīng)用等相關(guān)內(nèi)容進(jìn)行具體探究。

1.1 HTML/XHTML相關(guān)介紹

Html 又稱超文本標(biāo)記語(yǔ)言。最新推出的HTML5，結(jié)構(gòu)更加簡(jiǎn)單，功能更加齊全，同時(shí)頁(yè)面更加整潔，用戶更容易進(jìn)行頁(yè)面操作。HTML5 應(yīng)用于移動(dòng)設(shè)備時(shí)，這種優(yōu)勢(shì)尤其明顯，用戶將具有更好的使用感受。HTML5 與html 同源，有著相近的表達(dá)，卻更加規(guī)范。它的出現(xiàn)不僅為字符和標(biāo)簽帶來(lái)了更多規(guī)定，同時(shí)，對(duì)相關(guān)性能有了更強(qiáng)的增進(jìn)。升級(jí)后的HTML5 具有更多應(yīng)用上的優(yōu)勢(shì)，以及應(yīng)用意義。html 是Web 前端技術(shù)的三大語(yǔ)言之一，掌握Web 語(yǔ)言對(duì)掌握、應(yīng)用技術(shù)Web 前端技術(shù)并進(jìn)行Web 前端技術(shù)優(yōu)化意義重大。

1.2 CSS相關(guān)內(nèi)容

CSS 又稱疊層樣式表，CSS 同樣是Web 前端技術(shù)中的重要組成部分，它主要用來(lái)表現(xiàn)文件形式，同時(shí)對(duì)網(wǎng)頁(yè)樣式進(jìn)行強(qiáng)勢(shì)控制的一種語(yǔ)言，CSS 可以用于網(wǎng)頁(yè)升級(jí)，更新網(wǎng)頁(yè)內(nèi)容，網(wǎng)頁(yè)運(yùn)維等，在Web 前端技術(shù)應(yīng)用中具有相當(dāng)重要作用。

1.3 JavaScript

JavaScript 產(chǎn)生于LiveScript，由NetScape 開(kāi)發(fā)公司的制作。JavaScript 以事件驅(qū)動(dòng)以及對(duì)象驅(qū)動(dòng)，應(yīng)用非常安全，屬于客服端腳本語(yǔ)言。它符合傳統(tǒng)計(jì)算機(jī)基本特征，但對(duì)傳統(tǒng)計(jì)算機(jī)語(yǔ)言進(jìn)行了更新，因而具有更加簡(jiǎn)潔，條理性高，容易學(xué)習(xí)和使用的特點(diǎn)。當(dāng)前JavaScript 已經(jīng)在互聯(lián)網(wǎng)開(kāi)發(fā)中發(fā)揮著越來(lái)越多的作用。同時(shí)，JavaScript 使用時(shí)可以直接回應(yīng)用戶指令，略過(guò)Web 服務(wù)器，具有更加強(qiáng)勢(shì)的交互性能，并且JavaScript 書(shū)改變了以往性能需要互聯(lián)網(wǎng)支持的特點(diǎn)，使用瀏覽器作為支撐，可以在更多平臺(tái)進(jìn)行使用，真正實(shí)現(xiàn)跨平臺(tái)使用。

1.4 跨瀏覽器技術(shù)

隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，瀏覽器產(chǎn)生了多個(gè)版本，由于不同瀏覽器由不同公司制作，其頁(yè)面執(zhí)行方式?jīng)]有更多共同的規(guī)范，具有相當(dāng)大的不同。頁(yè)面在不同瀏覽器使用時(shí)同樣需要不同的使用規(guī)范，為了解決這一使用上的不同，Web 技術(shù)開(kāi)發(fā)時(shí)，針對(duì)瀏覽器執(zhí)行方式進(jìn)行了更多針對(duì)研究。在現(xiàn)階段，網(wǎng)絡(luò)應(yīng)用主要采用B/S結(jié)構(gòu)。使用者在進(jìn)行網(wǎng)頁(yè)使用時(shí)，在瀏覽器上輸入網(wǎng)址，服務(wù)器收到請(qǐng)求，對(duì)客戶請(qǐng)求進(jìn)行信號(hào)的分析，得到對(duì)應(yīng)IP，計(jì)算機(jī)獲得訪問(wèn)權(quán)限。瀏覽器可以不斷給服務(wù)器發(fā)HTTP 請(qǐng)求，服務(wù)器根據(jù)請(qǐng)求進(jìn)行相對(duì)應(yīng)的信息判定以及信息回應(yīng)，在此過(guò)程中，Web 數(shù)據(jù)庫(kù)將調(diào)用數(shù)據(jù)庫(kù)信息，用戶利用網(wǎng)址獲取信息的過(guò)程，涉及各個(gè)環(huán)節(jié)，這些環(huán)節(jié)決定了用戶網(wǎng)頁(yè)試用體驗(yàn)。需要相關(guān)技術(shù)人員主動(dòng)進(jìn)行此過(guò)程中設(shè)計(jì)的技術(shù)研究對(duì)過(guò)程中相關(guān)技術(shù)進(jìn)行優(yōu)化，提高各環(huán)節(jié)使用性能，為用戶帶來(lái)更好的使用體驗(yàn)。

1.5 Web前端開(kāi)發(fā)技術(shù)應(yīng)用特點(diǎn)

首先Web 前端開(kāi)發(fā)技術(shù)應(yīng)用具有圖形化的特點(diǎn)。進(jìn)行圖形化應(yīng)用，可以更加形象生動(dòng)的展示相關(guān)內(nèi)容，靈活回饋更多請(qǐng)求。其次，網(wǎng)頁(yè)內(nèi)容展示與用戶使用的平臺(tái)沒(méi)有聯(lián)系，用戶使用的系統(tǒng)平臺(tái)不會(huì)影響到用戶訪問(wèn)通用網(wǎng)址獲得的內(nèi)容。再其次，Web 信息存放屬于分布式存放。Web 存放信息包括影音、視頻、圖像。這些內(nèi)容容易占據(jù)大量?jī)?nèi)存。因此進(jìn)行信息存儲(chǔ)，需要對(duì)相關(guān)信息其進(jìn)行分布式存儲(chǔ)，將信息放在多個(gè)站點(diǎn)，讓用戶集中在瀏覽器訪問(wèn)。當(dāng)然在用戶的角度，這些信息存在于同一整體的。最后，信息是可以動(dòng)態(tài)更新的，Web 網(wǎng)頁(yè)提供的信息不是一成不變的，它具有可變動(dòng)性。同時(shí)用戶是可以與外部進(jìn)行交互，Web 在交互時(shí)可以決定用戶瀏覽時(shí)頁(yè)面順序。Web 技術(shù)應(yīng)用特點(diǎn)很多，同時(shí)這種特點(diǎn)也隨之互聯(lián)網(wǎng)的發(fā)展不斷改進(jìn)，具有與時(shí)俱進(jìn)的特點(diǎn)，了解互聯(lián)網(wǎng)的特點(diǎn)，需要我們主動(dòng)對(duì)互聯(lián)網(wǎng)發(fā)展進(jìn)行關(guān)注，進(jìn)而獲得更清晰的判定。

1.6 Web表現(xiàn)形式

Web 通常以超文本的形式進(jìn)行表現(xiàn)，超文本是指用戶接口進(jìn)行應(yīng)用，對(duì)文本內(nèi)容進(jìn)行顯示，通常超文本以電子文檔的方式采訪，可以包含鏈接，各種超文本鏈接，允許用戶進(jìn)行相關(guān)鏈接的切換。當(dāng)前使用最多的超文本有html，Text Make up language，Rich testFormat 等.平常我們進(jìn)行訪問(wèn)時(shí)，所有的網(wǎng)頁(yè)一般都屬于超文本。另一方面，具有創(chuàng)媒體的表現(xiàn)形式。即多媒體和創(chuàng)文本共同在瀏覽環(huán)境下應(yīng)用，屬于兩者的結(jié)合，用戶在使用時(shí)改變了以往只能從一個(gè)超文本對(duì)另一個(gè)超文本的轉(zhuǎn)換，用戶可以進(jìn)行語(yǔ)音視頻等等。這種超文本與超媒體結(jié)合使用的方式，拓展了Web 使用空間，有助于用戶進(jìn)行更多信息的獲取，可以豐富Web 內(nèi)容。

Web 技術(shù)的內(nèi)容很多，不只包括Web 三大語(yǔ)言，以及其特點(diǎn)和表現(xiàn)方式，還包括各種與互聯(lián)網(wǎng)開(kāi)發(fā)相關(guān)的內(nèi)容，很難一一進(jìn)行講解。本次只選取以上六點(diǎn)主要內(nèi)容進(jìn)行介紹，本文接下來(lái)將進(jìn)行Web 前端開(kāi)發(fā)技術(shù)使用中存在的問(wèn)題的探究，探究如下。

2 Web前端開(kāi)發(fā)技術(shù)使用中存在的問(wèn)題

2.1 瀏覽器兼容

隨著互聯(lián)網(wǎng)技術(shù)的普及，瀏覽器市場(chǎng)產(chǎn)品增加，用戶進(jìn)行瀏覽器使用時(shí)，往往可以使用多個(gè)瀏覽器，比如火狐瀏覽器、百度瀏覽器、360 瀏覽器的共同使用。由于這些瀏覽器采用不同的技術(shù)體系，瀏覽器在使用時(shí)很難實(shí)現(xiàn)跨平臺(tái)使用，兼容性問(wèn)題因此存在，這是Web 開(kāi)發(fā)需要解決的主要問(wèn)題之一。同時(shí)，隨著互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，相應(yīng)瀏覽器數(shù)量將會(huì)越來(lái)越多。我們需要具體問(wèn)題具體分析，對(duì)于不同類型的瀏覽器進(jìn)行相對(duì)應(yīng)的技術(shù)探討，對(duì)其兼容性進(jìn)行解決。

2.2 Web前端開(kāi)發(fā)語(yǔ)言問(wèn)題

通常情況下還是傳統(tǒng)的三種Web 開(kāi)發(fā)語(yǔ)言進(jìn)行開(kāi)發(fā)功能實(shí)現(xiàn)。這三種開(kāi)發(fā)語(yǔ)言具有各自的功能，各自的技術(shù)特點(diǎn)，形成完整的Web 開(kāi)發(fā)語(yǔ)言體系。Web 前端開(kāi)發(fā)將面臨越來(lái)越多的挑戰(zhàn)，為滿足更多開(kāi)發(fā)需求，我們需要對(duì)Web 開(kāi)發(fā)語(yǔ)言進(jìn)行更多的優(yōu)化改良，為Web 開(kāi)發(fā)技術(shù)應(yīng)用打下更多鋪墊。

互聯(lián)網(wǎng)應(yīng)用過(guò)程中有待改進(jìn)的地方很多，不止以上兩點(diǎn)，本次只選取其中有代表性的兩點(diǎn)，隨著互聯(lián)網(wǎng)的更多應(yīng)用，互聯(lián)網(wǎng)技術(shù)有待更新的地方也將更多。我們需要在關(guān)注以上兩點(diǎn)的同時(shí)，對(duì)互聯(lián)網(wǎng)技術(shù)的不足之處進(jìn)行更多研究分析，為解決相關(guān)問(wèn)題進(jìn)行更多鋪墊。

3 優(yōu)化前端開(kāi)發(fā)技術(shù)的方案

3.1 從HTTP請(qǐng)求書(shū)入手

HTTP 請(qǐng)求會(huì)占用Web 反應(yīng)時(shí)間。從HTTP 請(qǐng)求處入手，減少無(wú)意義HTTP 請(qǐng)求，避免產(chǎn)生更多時(shí)間損耗是外部開(kāi)發(fā)技術(shù)優(yōu)化的重要手段。通常來(lái)說(shuō)一個(gè)HTTP 請(qǐng)求需要經(jīng)過(guò)DNS 域名解析，發(fā)送數(shù)據(jù)請(qǐng)求，建立連接，傳輸數(shù)據(jù)以及服務(wù)器響應(yīng)等待等過(guò)程。在此過(guò)程中所有HTTP 請(qǐng)求都有著相應(yīng)數(shù)據(jù)，HTTP 請(qǐng)求過(guò)多將造成反應(yīng)延遲。所以我們需要對(duì)HTTP 請(qǐng)求進(jìn)行處理，對(duì)無(wú)意義的HTTP 請(qǐng)求進(jìn)行刪減，為減少此過(guò)程中HTTP 無(wú)意義請(qǐng)求，我們可以進(jìn)行文件分類合并，優(yōu)化連接將圖像連接根據(jù)需求劃分導(dǎo)入不同方向；與將圖片展示與下載同時(shí)進(jìn)行；可以借助CSSbackground 精準(zhǔn)定位背景圖。我們可以通過(guò)減少HTTP 不必要的請(qǐng)求，減少無(wú)效時(shí)間消耗，提高用戶訪問(wèn)速度，進(jìn)而提升用戶使用體驗(yàn)。

3.2 文件規(guī)模改良

網(wǎng)頁(yè)加載的速度受很多因素影響，比如文件的規(guī)模。我們可以對(duì)文件的規(guī)模進(jìn)行改良，進(jìn)而提高網(wǎng)頁(yè)加載速度，網(wǎng)頁(yè)規(guī)模的改良可以通改進(jìn)文件代碼對(duì)、CSS 和javascript 的文件進(jìn)行壓縮。實(shí)現(xiàn)在進(jìn)行代碼優(yōu)化時(shí)，可以通過(guò)刪減無(wú)效html 標(biāo)簽，無(wú)效Css 代碼實(shí)現(xiàn)。

3.3 清理無(wú)意義DNS查找

DNS 解析過(guò)程耗時(shí)很大，如果DNS 占據(jù)了太多時(shí)間將會(huì)導(dǎo)致用戶頁(yè)面訪問(wèn)速度緩慢，影響信息傳輸性能。在我國(guó)相當(dāng)多的網(wǎng)站，DNS 查找耗時(shí)過(guò)多，在進(jìn)行DNS 查找時(shí)通用域名下網(wǎng)站東西很難下載，導(dǎo)致用戶體驗(yàn)極差。我們需要定時(shí)進(jìn)行無(wú)效DNS 的查找清除，從而避免在DNS 查找上花費(fèi)太多無(wú)意義時(shí)間，加快DNS 使用效率，提高資源下載速度。DNS解析過(guò)程耗時(shí)占據(jù)了查找耗時(shí)相當(dāng)?shù)谋壤?，我們需要清理無(wú)意義DNS 查找，為縮減查找耗時(shí)提供更多空間。

3.4 避免無(wú)用響應(yīng)

無(wú)用響應(yīng)的發(fā)生很難避免，在進(jìn)行網(wǎng)站訪問(wèn)時(shí)如果發(fā)生訪問(wèn)錯(cuò)誤，沒(méi)有找到文件。HTTP 訪問(wèn)時(shí)間被大量消耗。用戶長(zhǎng)時(shí)間等待響應(yīng)，卻收到無(wú)效請(qǐng)求，將嚴(yán)重影響到用戶使用感受相關(guān)技術(shù)人員需要主動(dòng)對(duì)網(wǎng)絡(luò)頁(yè)面進(jìn)行測(cè)驗(yàn)，跟蹤服務(wù)器日志里的錯(cuò)誤信息，降低此類事件發(fā)生的可能性。通常，這種錯(cuò)誤往往很難定位，技術(shù)人員一不注意就容易發(fā)生，技術(shù)人員需要主動(dòng)對(duì)這方面錯(cuò)誤進(jìn)行關(guān)注，避免錯(cuò)誤產(chǎn)生壞的影響。

3.5 減少重定向用時(shí)

用戶等待時(shí)間一定程度上將取決于網(wǎng)頁(yè)重定向時(shí)間，重定向問(wèn)題的發(fā)生會(huì)延長(zhǎng)用戶等待時(shí)間。為縮短用戶等待時(shí)間，工作人員應(yīng)當(dāng)主動(dòng)避免此類問(wèn)題發(fā)生，技術(shù)人員可以對(duì)目錄路徑進(jìn)行“/”添加，指定訪問(wèn)路徑，避免重定向耗時(shí)。

3.6 網(wǎng)頁(yè)內(nèi)容改進(jìn)

層疊樣式表使用時(shí)后面的CSS 可以對(duì)前面的內(nèi)容進(jìn)行覆蓋。由于這種特性，瀏覽器進(jìn)行相關(guān)內(nèi)容展開(kāi)時(shí)，需要等待完全加載結(jié)束才能進(jìn)行渲染。進(jìn)行CSS 網(wǎng)頁(yè)內(nèi)容優(yōu)化，可以樣式表放置位置進(jìn)行更改，比如放在頂部，同時(shí)也可以將script 的位置更改，放置在底部避免發(fā)生阻塞，影響下載，通過(guò)網(wǎng)頁(yè)內(nèi)容改進(jìn)，頁(yè)面加載時(shí)間將得到縮減。

雖然當(dāng)前Web 開(kāi)發(fā)語(yǔ)言相對(duì)完整，但隨著互聯(lián)網(wǎng)技術(shù)的不斷普及，我們對(duì)Web 開(kāi)發(fā)語(yǔ)言將提出更多要求，傳統(tǒng)的Web 語(yǔ)言體系將很難滿足Web前端開(kāi)發(fā)應(yīng)用需求。在進(jìn)行前端開(kāi)發(fā)語(yǔ)言應(yīng)用時(shí)，我們不僅要充分應(yīng)用現(xiàn)有技術(shù)，對(duì)現(xiàn)有技術(shù)升級(jí)，我們還應(yīng)對(duì)互聯(lián)網(wǎng)為了發(fā)展進(jìn)行更多思考，要主動(dòng)推進(jìn)互聯(lián)網(wǎng)技術(shù)的改革。

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

綜上所述，隨著互聯(lián)網(wǎng)的不斷興起，互聯(lián)網(wǎng)將對(duì)人類社會(huì)產(chǎn)生越來(lái)越多的影響，進(jìn)行互聯(lián)網(wǎng)技術(shù)研究，提高外部開(kāi)發(fā)技術(shù)水平有助于促進(jìn)互聯(lián)網(wǎng)技術(shù)發(fā)展，幫助互聯(lián)網(wǎng)技術(shù)產(chǎn)生更多積極作用，Web 前端開(kāi)發(fā)技術(shù)主要包括html、css、JavaScript 三部分語(yǔ)言。在提高Web 應(yīng)用技術(shù)時(shí)，我們可以通過(guò)減少HTTP 請(qǐng)求數(shù)，改變文件規(guī)模，避免進(jìn)行無(wú)意義訪問(wèn)，減少重定向用時(shí)，改進(jìn)網(wǎng)頁(yè)內(nèi)容，實(shí)現(xiàn)Web 技術(shù)應(yīng)用的優(yōu)化。進(jìn)行Web 技術(shù)應(yīng)用優(yōu)化時(shí)，Web 應(yīng)用技術(shù)優(yōu)化涉及過(guò)程繁瑣，受到多種因素影響，在進(jìn)行相關(guān)工作時(shí)，我們可以進(jìn)行以上措施的落實(shí)，同時(shí)可以對(duì)更多影響因素進(jìn)行研究，減少不利因素對(duì)Web 前端開(kāi)發(fā)應(yīng)用的影響，實(shí)現(xiàn)外部開(kāi)發(fā)技術(shù)的優(yōu)化升級(jí)?；ヂ?lián)網(wǎng)技術(shù)是未來(lái)技術(shù)發(fā)展的重要方向之一，我們需要主動(dòng)進(jìn)行相關(guān)技術(shù)研究，提高技術(shù)水平，促進(jìn)我國(guó)科技發(fā)展，為我國(guó)現(xiàn)代化建設(shè)做出努力。