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

宋永鵬

（山東省氣象信息中心，濟南 250031）

從上世紀九十年代開始，信息化技術(shù)就在不斷向前發(fā)展，在此情況下，信息化技術(shù)逐漸應用到各個領(lǐng)域，同時推動社會的發(fā)展，信息化技術(shù)在時代發(fā)展的過程中不斷優(yōu)化改良，目前我國已經(jīng)進入Web2.0時代。Web前端開發(fā)技術(shù)是在網(wǎng)頁制作的基礎上衍生的一種新型技術(shù)，同時能體現(xiàn)時代特征。但是Web前端開發(fā)技術(shù)和網(wǎng)頁制作技術(shù)有著十分明顯的區(qū)別。網(wǎng)頁制作技術(shù)具體指展現(xiàn)靜態(tài)的東西，隨著邁入Web2.0時代，人民對網(wǎng)上瀏覽的網(wǎng)頁要求越來越高，在此情況下，以往的網(wǎng)頁制作無法緊跟時代發(fā)展的腳步，不能滿足現(xiàn)代的需求，因此，一定要進行Web前端開發(fā)技術(shù)和優(yōu)化研究。

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

Web前端開發(fā)技術(shù)具體體現(xiàn)在三個方面：HTML、CSS、JavaScript。這三個方面有著很大的區(qū)別，在編程代碼方面對質(zhì)量也有不同的要求，但是三者之間還存在著一定的聯(lián)系，本文就較為常見的開發(fā)技術(shù)進行論述。

（1）HTML。這一文本語言（HTML5）是為了更清晰的體現(xiàn)網(wǎng)頁的結(jié)構(gòu)，同時與傳統(tǒng)的網(wǎng)頁設計相比，陳舊的文本符號被去除了，同時展示的內(nèi)容也被分離，大大改進了網(wǎng)頁陳列的的狀況，變得簡潔明了，同時方便加強管理，提升用戶體驗的效果。HTML5在現(xiàn)代智能手機上的應用具有十分明顯的優(yōu)勢，同時有利于Web前端技術(shù)的開發(fā)。

（2）層疊樣式表。在進行Web開發(fā)的過程中，這一技術(shù)應用是十分重要的，這一技術(shù)主要是用來設計網(wǎng)頁的樣式，同時能夠使得網(wǎng)頁內(nèi)部的消息和網(wǎng)頁的樣式區(qū)別開來，增加這一技術(shù)的優(yōu)勢，加快瀏覽網(wǎng)網(wǎng)頁的速度。

（3）JavaScript。這一產(chǎn)品的出現(xiàn)是為了拓寬Netscape Navigator使用的功能，這一技術(shù)的出現(xiàn)，使得用戶和信息之間不只是瀏覽和現(xiàn)實的關(guān)系，同時可以進行更加深入的理解和表達。

2 Web前端技術(shù)的優(yōu)化

隨著信息化技術(shù)的發(fā)展，Web前端開發(fā)技術(shù)也在不斷向前發(fā)展，但是在這一過程中也存在許多矛盾，雖然技術(shù)應用的類型不斷增多，但是在實踐過程中還有些許不足，比如網(wǎng)頁訪問的速度和反應速度，導致網(wǎng)頁打開的時間增長，因此做好優(yōu)化工作十分重要。通過優(yōu)化Web前端技術(shù)能有效提高自身的性能，同時增強感官效果。

（1）合理控制文件夾大小。文件夾的大小不光影響文件加載的速度，同時還會影響網(wǎng)頁的反應速度以及交互的效果。若果文件過大或者是種類繁多，就會嚴重影響網(wǎng)頁運行的速度，同時使得網(wǎng)頁停留的時間過長，更嚴重者導致系統(tǒng)的崩潰，并且無法回應。多以，要選擇科學合理的文件大小，通過壓縮的方式，同時去除部分多余的標簽，并加強CSS文件和代碼的處理，從而使得網(wǎng)頁運行的速度加快，增強用戶體驗的效果。

（2）科學合理的控制HTTP請求。HTTP請求包括多種方面，具體包括：使用協(xié)議、對資源的請求、資源識別符號等多個方面，減少這一請求有助于提高網(wǎng)頁反應的速度，同時能有效減少網(wǎng)頁訪問的次數(shù)和資源占據(jù)的空間。一般來說，一個完整的HTTP請求過程十分漫長，并且過程十分復雜。所以，請求增多，占據(jù)的寬帶資源就越多，反應的時間就會增長，同時導致網(wǎng)頁加載的速度降低，或者容易出現(xiàn)無法加載的情況。所以，科學合理的控制HTTP請求是十分有必要的?？梢酝ㄟ^文件合并的方式實現(xiàn)。

（3）科學合理的進行DNS的查詢。這一查詢過程十分影響網(wǎng)頁運行的速度，在實際操作過程中，要解析DNS就要消耗二十到一百二十毫秒，并且隨著這一咨詢工作的增多，網(wǎng)頁運行的速度就會降緩，并在解析的過程中，網(wǎng)頁內(nèi)部存在的各個方面都不能加載出來，只有在查詢結(jié)果出來之后才能繼續(xù)進行。所以，要嚴加控制DNS查詢，并通過這一查詢加快運行的速度，減少DNS查詢的次數(shù)。

（4）減少HTTP的錯誤。對這一錯誤的處理會影響網(wǎng)頁界面沒有反應，同時導致網(wǎng)頁的崩潰，降低用戶體驗的效果。出現(xiàn)這一問題的原因是因為在搜索頁面中無法找到相對應的文件，或者是因為這一請求沒有及時的處理或者是消耗的時間過長。所以，要加強網(wǎng)頁運行的速度，減少不必要反應的時間，要盡可能的減少出現(xiàn)HTTP錯誤的情況，并加強Web服務器和頁面之間的聯(lián)系，提出具體可行的措施，減少運行過程中產(chǎn)生錯誤的幾率。

3 結(jié)束語

從一開始的博客時代發(fā)展到如今的Web2.0時代，對前端開發(fā)的工作和應用都離不開Web，隨著信息技術(shù)的飛速發(fā)展，Web技術(shù)也在不斷向前發(fā)展，對Web應用的交互作用和能力提升都有十分重要的現(xiàn)實意義，因此，研究Web前端開發(fā)技術(shù)十分重要，在此情況之下，本文主要闡述目前Web開發(fā)工作的要點，并提出了相關(guān)解決措施，希望能推動信息化技術(shù)的發(fā)展。