摘要：本文探討了Web前端開發(fā)語言，分析了目前Web前端開發(fā)技術(shù)應(yīng)用存在問題，研究了優(yōu)化Web前端技術(shù)的策略，以及AJAX工作原理及開發(fā)應(yīng)用。

關(guān)鍵詞：互聯(lián)網(wǎng);Web;技術(shù);優(yōu)化策略

中圖分類號：TP393.0? ? 文獻(xiàn)標(biāo)識碼：A? ? 文章編號：1007-9416（2020）04-0000-00

1 Web前端開發(fā)語言

一般來說，JavaScript、 HTML、CSS是應(yīng)用較為廣泛的Web前段開發(fā)語言，這三種語言的應(yīng)用有著不同的適用范圍，以及不同的開發(fā)任務(wù)。JavaScript的應(yīng)用，主要是為了能夠在進(jìn)行語言匯編時(shí)，將內(nèi)容與代碼準(zhǔn)確地分隔開來，以此來避免出現(xiàn)兼容性問題。HTML技術(shù)的應(yīng)用則主要是對各類圖形展開合適地修整，據(jù)相關(guān)專家預(yù)測，HTML技術(shù)將有可能取代flash在Web網(wǎng)頁中的應(yīng)用。CSS的應(yīng)用主要是對網(wǎng)頁外觀進(jìn)行設(shè)計(jì)與效果化，網(wǎng)頁中的陰影、透明，以及其他炫酷效果都是基于CSS技術(shù)的應(yīng)用實(shí)現(xiàn)的。

2 目前Web前端開發(fā)技術(shù)應(yīng)用存在問題分析

2.1 瀏覽器兼容性不高問題

相關(guān)調(diào)查數(shù)據(jù)顯示，IE瀏覽器、360瀏覽器、百度瀏覽器、火狐瀏覽器是目前我國互聯(lián)網(wǎng)用戶使用較為頻繁的瀏覽器，由于在技術(shù)方面存在缺陷，導(dǎo)致在同一操作系統(tǒng)中，這幾個(gè)瀏覽器的之間的應(yīng)用存在較明顯的兼容性問題，影響著用戶的使用體驗(yàn)與使用效率，這是當(dāng)前急需解決的問題。此外，在互聯(lián)網(wǎng)快速發(fā)展的背景下，瀏覽器種類也在不斷增加，也出現(xiàn)了較為嚴(yán)重的兼容性問題，即便是面對同樣的代碼，不同瀏覽器執(zhí)行效果也有著較大區(qū)別。因此，為了有效解決這種兼容性不足的問題，必須結(jié)合實(shí)際情況進(jìn)行具體分析，對瀏覽器進(jìn)行研發(fā)、調(diào)試[1]。

2.2 Web加載速度過慢

文件大小在極大程度上決定了互聯(lián)網(wǎng)加載速度快慢，文件越大，互聯(lián)網(wǎng)的加載速度越慢。因此若是無法提升寬帶，文件的大小決定了網(wǎng)頁運(yùn)行速度的效果。在實(shí)際中，在Web網(wǎng)頁設(shè)計(jì)中存在文件過大導(dǎo)致加載速度慢的問題，而在縮減加載文件的大小過程中對于代碼優(yōu)化整合方面的水平不足，甚至出現(xiàn)核心結(jié)構(gòu)被刪除的現(xiàn)象，大幅降低了用戶的體驗(yàn)感受。

2.3 HTTP請求數(shù)量過多

在對網(wǎng)頁進(jìn)行開發(fā)時(shí)，由于程序員過于追求視覺效果，對于代碼優(yōu)化重視程度不高，導(dǎo)致了HTTP的請求數(shù)量過多才能獲得較好的網(wǎng)頁體驗(yàn)效果，以及由于程序設(shè)計(jì)人員缺乏實(shí)踐經(jīng)驗(yàn)，無法實(shí)現(xiàn)對相應(yīng)代碼的優(yōu)化和結(jié)構(gòu)調(diào)整，導(dǎo)致了網(wǎng)頁加載過慢的問題?；谶@種現(xiàn)狀，用戶必須進(jìn)行多次繁瑣的網(wǎng)頁跳轉(zhuǎn)，才能打開目標(biāo)網(wǎng)頁，降低了用戶的滿意度體驗(yàn)。

3 優(yōu)化Web前端技術(shù)的策略

3.1 在優(yōu)化HTML頁面方面

總體而言，HTML頁面反映了一個(gè)瀏覽器的特點(diǎn)，HTML技術(shù)的有效應(yīng)用不但可以使用戶獲得較好的視覺體驗(yàn)，而且能夠保證網(wǎng)頁較為完整的基本性能。在優(yōu)化HTHL頁面時(shí)需要綜合考慮多個(gè)角影響作用，不但要實(shí)現(xiàn)單一頁面呈現(xiàn)內(nèi)容的較高質(zhì)量，而且要確保所有頁面內(nèi)容在整體上的高度統(tǒng)一，最大限度地提升頁面在設(shè)計(jì)與內(nèi)容上的吸引力，避免用戶出現(xiàn)興趣索然的感覺，降低對網(wǎng)頁使用的粘性[2]。

3.2 在減小文件大小方面

在上文提到，網(wǎng)頁加載速度會受到文件的小的影響，而且網(wǎng)頁文件越大，其加載的速度也就越慢。除了通過更換更大的寬帶之外，也只有不斷縮小文件大小，才能達(dá)到加快網(wǎng)頁加載速度的效果。通過對設(shè)計(jì)邏輯、設(shè)計(jì)功能進(jìn)行組件化設(shè)計(jì)，例如在具體Web設(shè)計(jì)中把if做成組件、把一個(gè)倒計(jì)時(shí)做成組件、把一段動(dòng)畫做成組件、把路由做成組件、把數(shù)據(jù)架構(gòu)做成組件，提高設(shè)計(jì)結(jié)構(gòu)的單個(gè)可移植性，便于后期進(jìn)行設(shè)計(jì)優(yōu)化。在此過程中注意保護(hù)代碼實(shí)現(xiàn)的核心功能結(jié)構(gòu)，避免出現(xiàn)誤刪，或者調(diào)整錯(cuò)誤等導(dǎo)致文件無法打開。目前，應(yīng)用較為廣泛就是借助JavaScript應(yīng)用程序，或者是采用CSS文件進(jìn)行代碼壓縮、適當(dāng)刪減多余代碼，進(jìn)而達(dá)到縮小文件大小的目的[3]。

3.3 在減少HTTP請求方面

設(shè)計(jì)人員在對網(wǎng)頁進(jìn)行設(shè)計(jì)過程中，添加了一些較為繁瑣的操作步驟，以達(dá)到較好的視覺效果，進(jìn)而導(dǎo)致HTTP請求過多。但是由于缺乏經(jīng)驗(yàn)，沒能實(shí)現(xiàn)對這些繁瑣步驟的有效精簡，進(jìn)而使網(wǎng)站運(yùn)行承受了更大負(fù)荷，甚至?xí)诓槐匾臅r(shí)候彈出許多可有可無的窗口，降低了網(wǎng)頁加載速度。為了有效預(yù)防此類狀況，就需要加強(qiáng)對設(shè)計(jì)人員的培訓(xùn)力度，通過轉(zhuǎn)變設(shè)計(jì)思路，在確保設(shè)計(jì)功能的同時(shí)化繁為簡，確保網(wǎng)頁功能齊全、操作流暢。

3.4 在縮短DNS查詢次數(shù)與時(shí)間方面

在目前的Web設(shè)計(jì)運(yùn)行過程中，DNS的查詢時(shí)間長的缺陷較為普遍，甚至是有時(shí)經(jīng)過長時(shí)間加載仍舊不能順利地進(jìn)入網(wǎng)站，也因此喪失很多用戶，大幅降低了網(wǎng)頁的用戶訪問量，不利于網(wǎng)站的提升發(fā)展。有時(shí)即便是通過長時(shí)間的加載依然無法順利進(jìn)入網(wǎng)站，很多用戶會由于長時(shí)間的等待而放棄進(jìn)入網(wǎng)頁，這樣-來就會大大減少網(wǎng)頁的整體訪問量，阻礙網(wǎng)站的進(jìn)一步發(fā)展。因此，必須要采取一系列有效措施來縮短DNS的查詢次數(shù)與時(shí)間，例如使用Keep-Live和較少的域名來減少DNS查找，以此提高網(wǎng)站性能，使用戶獲得更好的體驗(yàn)效果，提高對網(wǎng)站訪問的意愿。

3.5 在加強(qiáng)頁面優(yōu)化設(shè)計(jì)方面

好的網(wǎng)站頁面布局能夠吸引大量的用戶瀏覽，提升網(wǎng)站熱度。然而就目前的網(wǎng)頁設(shè)計(jì)而言，大部分難以起到吸引效果。主要原因在于設(shè)計(jì)人員設(shè)計(jì)理念創(chuàng)新水平不足受固有設(shè)計(jì)框架影響，或者是過于重視網(wǎng)頁視覺效果，對網(wǎng)站實(shí)用性關(guān)注力度不夠，使得網(wǎng)站的運(yùn)行喪失了整體性效果。這就要求設(shè)計(jì)人員在確保網(wǎng)站實(shí)用性的前提下，分析對象用戶心理，通過吸收一些新鮮元素對設(shè)計(jì)理念、設(shè)計(jì)框架進(jìn)行創(chuàng)新，提升網(wǎng)站的服務(wù)性。只有基于客戶需求，將網(wǎng)站內(nèi)容做到精簡濃縮又能吸引眼球，從而使用戶快速找到目標(biāo)內(nèi)容，才能提升用戶的體驗(yàn)感受。

4 AJAX工作原理及開發(fā)應(yīng)用

5 結(jié)語

信息化時(shí)代背景下，互聯(lián)網(wǎng)的應(yīng)用發(fā)展正在不斷加速，人們的生產(chǎn)、生活對于網(wǎng)絡(luò)的依賴性越來越高，所以，加強(qiáng)對Web前端開發(fā)技術(shù)及其應(yīng)用優(yōu)化研究極具現(xiàn)實(shí)意義。相關(guān)研發(fā)單位在開展Web研發(fā)之前，需要全面了解JavaScript、HTML、CSS等設(shè)計(jì)語言，切實(shí)掌握了其應(yīng)用特性，進(jìn)而才能有效地應(yīng)對當(dāng)前Web前端開發(fā)遇到的問題，并且注意不斷提升設(shè)計(jì)開發(fā)人員的專業(yè)素質(zhì)，才能不斷優(yōu)化Web前端開發(fā)的方法和策略。

參考文獻(xiàn)

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

[2] 劉柳.基于Web前端的性能優(yōu)化方案研究[D].武漢：華中科技大學(xué)，2015.

[3] 陳秋實(shí).移動(dòng)Web前端性能優(yōu)化方法及其應(yīng)用研究[D].武漢：華中科技大學(xué)，2015.

收稿日期：2020-03-12

作者簡介：單斌（1984—），男，天津人，碩士，工程師，研究方向：軟件工程領(lǐng)域。

Web Front end Development Technology and Optimization Strategy Analysis

SHAN Bin

（Ruijie Network Co.， Ltd， Fuzhou Fujian? 350000）

Abstract： This paper discusses the web front-end development language， analyzes the existing problems in the application of Web front-end development technology， studies the strategy of optimizing Web front-end technology， and the working principle and development application of Ajax.

Keywords： Internet; Web; technology; optimization strategy