Web前端開發(fā)技術(shù)以及優(yōu)化方向探究

摘要：隨著社會的發(fā)展，信息化技術(shù)越來越先進(jìn)，互聯(lián)網(wǎng)的應(yīng)用在日常生活中也隨處可見。人們在充分享用互聯(lián)網(wǎng)帶來的便利的同時(shí)，也一直在對Web前端技術(shù)體系，提出不同的要求，這對互聯(lián)網(wǎng)技術(shù)人員來說是一個(gè)很大的挑戰(zhàn)。因?yàn)樗麄円鶕?jù)用戶不同的需求，對Web進(jìn)行不斷改善，以滿足人們的需求。本文將根據(jù)Web的工作原理，針對Web可以優(yōu)化的幾個(gè)趨勢和方向進(jìn)行了詳細(xì)的闡述。

關(guān)鍵詞：Web前端技術(shù);優(yōu)化方向;策略

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

文章編號：1009-3044（2020）27-0202-03

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

隨著互聯(lián)網(wǎng)的普及和互聯(lián)網(wǎng)技術(shù)的逐步發(fā)展，互聯(lián)網(wǎng)逐漸成為人們?nèi)粘Ｉ钪斜夭豢缮俚氖挛?，人們的生活也越來越離不開它。當(dāng)然，在人們對它的使用過程中，也給它的工作效率提出了越來越高的要求。因?yàn)楝F(xiàn)在整個(gè)社會的生產(chǎn)經(jīng)營活動都離不開互聯(lián)網(wǎng)技術(shù)的應(yīng)用，而網(wǎng)絡(luò)中信息的傳送又離不開Web技術(shù)，所以說，Web前端開發(fā)技術(shù)對互聯(lián)網(wǎng)用戶來說，是給他們帶來良好環(huán)境體驗(yàn)的至關(guān)重要的因素。也是未來互聯(lián)網(wǎng)發(fā)展的主要方向。

1 Web前端技術(shù)體系是什么

Web前端開發(fā)技術(shù)主要包括三個(gè)因素：HTML、css和Ja-vaScript這三個(gè)因素。這三個(gè)因素是Web前端技術(shù)相關(guān)體系中最具有支撐性質(zhì)的關(guān)鍵因素。而且它們?nèi)齻€(gè)因素在Web前端技術(shù)中起的作用是不同的，雖然，他們在完全不一樣的領(lǐng)域解決問題，發(fā)揮作用，但是他們之間的聯(lián)系是十分密切的。如果想要對Web前端開發(fā)技術(shù)進(jìn)行優(yōu)化就必須處理好他們之間的關(guān)系，并且還要確保在Web前端技術(shù)進(jìn)行優(yōu)化后，它們還能夠很好地展開工作。

1.1 Web前端技術(shù)工作性質(zhì)分析

對B/S結(jié)構(gòu)的應(yīng)用是現(xiàn)代網(wǎng)絡(luò)發(fā)展中必不可少的，所以Web前端開發(fā)技術(shù)優(yōu)化方向的任務(wù)重點(diǎn)，應(yīng)該放在對用戶所使用的瀏覽器進(jìn)行分析，因?yàn)檫@是最能了解用戶需求的方式，而且這是最符合當(dāng)下互聯(lián)網(wǎng)網(wǎng)絡(luò)環(huán)境特征的。一般來說，用戶在網(wǎng)上獲取信息的過程都是進(jìn)入服務(wù)器或者是瀏覽器，然后在搜索欄中，搜索自己想要訪問的網(wǎng)頁，網(wǎng)頁會通過DNS服務(wù)器對用戶所輸入的域名進(jìn)行分析，最后會讓用戶進(jìn)入自己想要進(jìn)入的網(wǎng)址，以便于讓用戶解決自己的訪問需求，這是最基本的操作。而在這些基本操作的背后，用戶之所以能用瀏覽器發(fā)送訪問網(wǎng)頁的請求，是由于用戶的瀏覽器，向服務(wù)器發(fā)送了HTTP的請求，然后服務(wù)器收到HTTP的請求就會根據(jù)這些請求來作為依據(jù)確定用戶需要的文件信息。而Web服務(wù)器就是在此過程中會根據(jù)用戶搜索的內(nèi)容，以及服務(wù)器反饋的內(nèi)容作為參數(shù)，會對自己數(shù)據(jù)庫中相關(guān)的文件進(jìn)行檢索，最終滿足用戶的需要。

1.2 Web前端技術(shù)優(yōu)化的必然趨勢

Web前端開發(fā)技術(shù)的優(yōu)化方向，必然是要根據(jù)用戶的需求來進(jìn)行定向的，他要反映消費(fèi)者需要的信息，并且信息對消費(fèi)者有用才能滿足消費(fèi)者的需要，這是Web存在的最主要價(jià)值。但在如今的互聯(lián)網(wǎng)環(huán)境中，由于客戶的需要越來越多元化，想要了解的信息越來越多，如果使客戶在獲取信息時(shí)等待的時(shí)間長，或者是搜索結(jié)果呈現(xiàn)的信息量大，或者說是所需信息搜索結(jié)果展開的方式差。這些都會對消費(fèi)者的使用體驗(yàn)，造成不好的影響，但是Web在之所以能在網(wǎng)絡(luò)中存在，是因?yàn)樗钪饕囊饬x就是要傳遞信息，而傳遞的這些信息剛好能滿足消費(fèi)者的需求，所以說要盡量避免打不開網(wǎng)頁或者搜索信息結(jié)果過于復(fù)雜的情況產(chǎn)生。而為了防止這種情況產(chǎn)生，對Web前端技術(shù)的優(yōu)化是很有必要的，只有消費(fèi)者在現(xiàn)實(shí)生活中對網(wǎng)頁使用的便利感提高，才會使消費(fèi)者有一個(gè)良好的網(wǎng)頁使用體驗(yàn)。所以Web前端開發(fā)技術(shù)優(yōu)化方向應(yīng)該致力于為消費(fèi)者提供一個(gè)使用網(wǎng)絡(luò)的良好環(huán)境.并且可以使消費(fèi)者所搜索的信息實(shí)現(xiàn)信息的價(jià)值，這是Web前端開發(fā)技術(shù)優(yōu)化的大體方向。

2 HTML、CSS、JavaScript

HTML、CSS、JavaScript是Web前端開發(fā)技術(shù)的三種支柱語言，他們是十分重要的組成結(jié)構(gòu)。他們?nèi)邔eb前端開發(fā)技術(shù)來說相當(dāng)于骨架，剩下的一切圍繞他們展開，有了它們作為支撐，Web前端開發(fā)技術(shù)才可以順利進(jìn)行。他們?nèi)吒鞑幌嗤瑓s又聯(lián)系密切，相互之間可以取長補(bǔ)短以達(dá)到最終的目的。其中css，他起的作用是維持網(wǎng)頁的外觀形象，就是使用者最先看到的網(wǎng)絡(luò)頁面，而且它可以使網(wǎng)頁呈現(xiàn)不同的外觀形式，也可以增加網(wǎng)頁的趣味性，最終起到裝飾網(wǎng)頁的功能。同樣，他也可以根據(jù)使用者的愛好和需求，進(jìn)行調(diào)整，以滿足使用者對網(wǎng)頁的審美需求。HTML主要負(fù)責(zé)網(wǎng)頁結(jié)構(gòu)組成，以及構(gòu)圖方式。JavaScript與flash的作用比較相像，但是它比flash使用起來更加的便利和靈活，在現(xiàn)在已經(jīng)取代flash。

3 SEO

在當(dāng)下，社會之間的競爭十分激烈，人們的生活節(jié)奏變得越來越快，人們生活方式的改變也越來越頻繁，所以說，人們對速度的追求是當(dāng)代社會的一種新常態(tài)。當(dāng)然人們不僅會要求自己，跟上時(shí)代發(fā)展的速度，人們同樣也會要求自己的網(wǎng)速跟上自己的使用需求。網(wǎng)速慢，會大大影響使用者的使用體驗(yàn)，只有當(dāng)使用者的網(wǎng)速較快，才會使他們下載影視劇和文件的速度加快，使用者的使用體驗(yàn)才會上去。這也是Web前端技術(shù)優(yōu)化的一個(gè)重要方向，就是研究可以改善網(wǎng)絡(luò)速度的技術(shù)，以此來帶給使用者良好的網(wǎng)絡(luò)使用體驗(yàn)。

4 Ajax

Ajax，他是網(wǎng)絡(luò)數(shù)據(jù)中一種極其特殊的語言，因?yàn)樗奶攸c(diǎn)，就是可以在網(wǎng)頁不斷刷新的情況下，還能對服務(wù)器進(jìn)行信息的傳輸，并且讀寫服務(wù)器發(fā)來的數(shù)據(jù)。這樣做可以大大提高Web的工作效率，給使用者帶來十分高效的網(wǎng)頁使用體驗(yàn)，并且也能給他們的生活提供很大的便利。

5 DOM

DOM與W3c之間的關(guān)系十分密切，因?yàn)镈OM是被w3c所研制出的，他和別的網(wǎng)絡(luò)語言和網(wǎng)絡(luò)平臺不完全一樣，他有自己獨(dú)特的優(yōu)點(diǎn)。它的誕生是由于在20世紀(jì)90年代后期，微軟和netscape之間開展的瀏覽器大戰(zhàn)，兩者為了較量JavaScript和JScript之間的高低，于是，想方設(shè)法地賦予了瀏覽器豐富的功能，和耐用的使用特點(diǎn)，DOM應(yīng)運(yùn)而生。DOM最大的作用就是可以把XML文檔進(jìn)行抽象化的處理。

6 Web優(yōu)化

在飛速發(fā)展下，Web的技術(shù)不斷進(jìn)步，使互聯(lián)網(wǎng)網(wǎng)頁加載速度不斷提升，但沒有完美的技術(shù)，其仍然具有不足，使網(wǎng)頁記載并沒有達(dá)到預(yù)想效果，具有一定延遲，所以Web前端開發(fā)技術(shù)仍然需要一定的優(yōu)化。通過優(yōu)化，可以使聲音、圖像、性能更加完善，給予消費(fèi)者更好的體驗(yàn)，優(yōu)化方面如下

6.1使HTTP請求合理化

要想優(yōu)化網(wǎng)頁的響應(yīng)速度，提高網(wǎng)頁的反應(yīng)效率，只有通過使Http的請求合理化這個(gè)途徑才能解決。提高網(wǎng)頁響應(yīng)速度，所花費(fèi)的成本和時(shí)間都會變少。但是HTTP的請求，是比較煩瑣和復(fù)雜的，因?yàn)樵诰W(wǎng)絡(luò)中沒有一個(gè)代碼是簡單的。HTIP的請求，包括資源辨識符使用協(xié)議、資源的請求方法等方面。HTTP的請求有很多，但每當(dāng)電腦處理一個(gè)請求時(shí)，就會散開一些資源。但當(dāng)Http的請求增多，達(dá)到服務(wù)器所承受范圍的最大值時(shí)，就會使瀏覽器加載網(wǎng)頁的速度變慢，最終導(dǎo)致網(wǎng)絡(luò)卡頓，最嚴(yán)重的可能導(dǎo)致系統(tǒng)的崩潰。這一現(xiàn)象的出現(xiàn)嚴(yán)重降低了使用者的體驗(yàn)感。所以，對HTTP的請求進(jìn)行優(yōu)化，也是web前端開發(fā)技術(shù)的一個(gè)重要的優(yōu)化探究方向，只有使HTTP的請求得到合理優(yōu)化，才會滿足使用者多種多樣的搜索需求以及提高網(wǎng)頁的加載速度，最終給使用者帶來良好的使用體驗(yàn)。

6.2 使得DNS查詢合理化

最消耗時(shí)間和占用電腦資源的一個(gè)過程便是DNS的查詢，DNS需要一個(gè)解析過程，在此過程中，需要進(jìn)行一次次的加載。它不同于其他語言的加載，當(dāng)電腦在解析一個(gè)DNS時(shí)，電腦中正在運(yùn)行的其他語言都會暫停，只有當(dāng)這個(gè)DNS解析完成時(shí)，其他的語言才會繼續(xù)運(yùn)行。但當(dāng)電腦中出現(xiàn)太多的DNS需要解析時(shí)，就會使電腦加載網(wǎng)頁的速度降低，使網(wǎng)頁獲取信息緩慢，這在一定程度上大大降低了使用者的使用體驗(yàn)。所以促進(jìn)DNS的查詢合理化，減少電腦中對DNS的反復(fù)解析，也是Web前端開發(fā)技術(shù)的重要優(yōu)化方向之一。

6.3 對HTTP進(jìn)行檢查減少錯(cuò)誤

所謂HTTP，他是目前在互聯(lián)網(wǎng)上使用最多的一種網(wǎng)絡(luò)協(xié)議。所以，所有的www的文件都必須按照這個(gè)協(xié)議的標(biāo)準(zhǔn)執(zhí)行。同樣，在客戶端或者是其他的程序里，HTTP也是他們與Web服務(wù)器之間的應(yīng)用層通信協(xié)議。由于在Internet上的Web服務(wù)器上放置的全部都是超文本信息，所以說當(dāng)客戶機(jī)想要獲取Internet上的外部服務(wù)器上放置的超文本信息時(shí)，就會需要通過HTTP協(xié)議的傳輸。由此可見，HITP在使用者獲取信息上起到了很大的作用，但如果HTTP了出現(xiàn)錯(cuò)誤，則會讓使用者所訪問的網(wǎng)頁卡頓，出現(xiàn)延遲現(xiàn)象，最嚴(yán)重的甚至造成搜索頁面的丟失，也就是常見的404錯(cuò)誤。這就會讓使用者得不到自己想要搜索的信息，降低使用者的上網(wǎng)體驗(yàn)感。那么HTTP的錯(cuò)誤是如何出現(xiàn)的呢，人們發(fā)現(xiàn)當(dāng)HTTP沒有辦法及時(shí)的處理數(shù)據(jù)，或者是文件丟失時(shí)，是他出現(xiàn)錯(cuò)誤頻率最高的時(shí)候。所以說，對于HTTP進(jìn)行仔細(xì)、詳盡的檢查，是很有必要的。因?yàn)檫@可以增加HTTP的穩(wěn)定性，如https。同樣它也可以對使用者搜索出來的結(jié)果綜合比較進(jìn)行優(yōu)化，篩選掉無用的解析部分，減少網(wǎng)頁無響應(yīng)局面的產(chǎn)生，提高使用者所搜索出來的鏈接的穩(wěn)定性。

6.4 使得文件趨于合理化

在電腦中文件的作用不言而喻，過大的文件不僅會比較占內(nèi)存，更是會降低網(wǎng)頁的加載速度，產(chǎn)生一定的延遲，無法流暢上網(wǎng)。復(fù)雜的文件解析一定會比其他耗費(fèi)更多的時(shí)間，嚴(yán)重時(shí)會造成網(wǎng)頁的癱瘓，給瀏覽者造成不必要的麻煩，影響瀏覽者的上網(wǎng)體驗(yàn)，造成損失。但通過壓縮JavaScript、對html標(biāo)簽進(jìn)行處理、優(yōu)化css文件及代碼，便可提升網(wǎng)頁加載速度，達(dá)到網(wǎng)頁內(nèi)容的極速呈現(xiàn)，達(dá)到理想標(biāo)準(zhǔn)，使得上網(wǎng)者的上網(wǎng)體驗(yàn)得到滿足，在網(wǎng)絡(luò)競爭中脫穎而出。通過解決這些問題，可消除頁面的空白問題，使得網(wǎng)頁的瀏覽變得流暢合情合理。

7 增加加載速度

可以通過改變css與script的位置達(dá)到對加載速度的提升。對Web的優(yōu)化，可通過把script放在底部，把css放在頂部，通過這樣的安排，介于css的層疊式樣式表，可增加加載速度，而script在底部，則可以減少對下載速度的影響，這樣一來網(wǎng)頁的加載使用效率便被大大提升，進(jìn)而優(yōu)化了Web的性能。

8 結(jié)束語

在如此先進(jìn)的時(shí)代，互聯(lián)網(wǎng)技術(shù)已與人們的生活不可分割，無論男女老少，可以說是進(jìn)人數(shù)據(jù)化的大時(shí)代，給人們帶來了數(shù)不盡的方便與利益。更有科技是第一發(fā)展力的基本國策，大力發(fā)展互聯(lián)網(wǎng)可以說是勢如破竹。Web前端開發(fā)技術(shù)貫穿了其始終，不可言喻，加載速度的重要性在前進(jìn)中越來越得以凸顯，使得顧客在上網(wǎng)中得到滿足的體驗(yàn)感，最終得以達(dá)到自己的目的。在競爭激烈的市場中，優(yōu)化開發(fā)Web前端開發(fā)技術(shù)已經(jīng)是不容置疑的方向，還讓信息的交流變得無障礙，更是會讓國家的綜合國力有一定的提升?，F(xiàn)在需要重視的因素有如下幾個(gè)：Web的優(yōu)化措施要實(shí)施到位，更要定期檢查更新;持續(xù)進(jìn)行新技術(shù)的更新。希望在未來可以更好開發(fā)Web前端開發(fā)技術(shù)。

參考文獻(xiàn)：

[1]周康.Web前端開發(fā)技術(shù)以及優(yōu)化方向探究[J].電腦迷，2017（11）：69.

[2]許舟鴻.Web前端開發(fā)技術(shù)以及優(yōu)化方向探究[J].信息與電腦（理論版），2017（8）：33-34.

[3]霍福華.Web前端開發(fā)技術(shù)以及優(yōu)化方向[J].晉城職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2017，10（2）：59-62.

【通聯(lián)編輯：唐一東】

作者簡介：喬娟（1983-），女，河南三門峽人，講師，中級技師，研究方向：計(jì)算機(jī)教學(xué)研究工作。