李林凡
(中國信息通信研究院西部分院 重慶 401336)
在開發(fā)計算機(jī)網(wǎng)站W(wǎng)eb端系統(tǒng)的過程中,需要應(yīng)用多種符合實際業(yè)務(wù)場景的前端開發(fā)技術(shù)和工具,并且需要根據(jù)目標(biāo)網(wǎng)絡(luò)地址和網(wǎng)絡(luò)協(xié)議的安全鏈接能力,進(jìn)一步優(yōu)化和完善前端頁面的網(wǎng)絡(luò)系統(tǒng)響應(yīng)速度和其他性能指標(biāo)。在開發(fā)瀏覽器客戶端為基礎(chǔ)的前端網(wǎng)站過程中,需要將不同類型的前端開發(fā)技術(shù)和對應(yīng)的優(yōu)化措施進(jìn)行創(chuàng)新組合,才能夠進(jìn)一步提升網(wǎng)絡(luò)操作質(zhì)量。
計算機(jī)網(wǎng)站前端開發(fā)是指利用創(chuàng)建的Web頁面、APP進(jìn)行前端頁面設(shè)計并展現(xiàn)給網(wǎng)絡(luò)用戶的過程,主要運(yùn)用超文本標(biāo)記語言(HTML)、層疊樣式表(CSS)、JavaScript語言(JS)等開發(fā)技術(shù)手段,實現(xiàn)網(wǎng)絡(luò)用戶與網(wǎng)絡(luò)產(chǎn)品的界面交互。傳統(tǒng)計算機(jī)網(wǎng)站前端開發(fā)模式中,多以靜態(tài)文字、圖片等方式作為載體,現(xiàn)階段網(wǎng)絡(luò)發(fā)展技術(shù)水平的提升,網(wǎng)絡(luò)用戶對于網(wǎng)絡(luò)產(chǎn)品界面的交互功能、交互效果、美觀性均有更高要求,為滿足用戶需要與要求,計算機(jī)網(wǎng)站前端開發(fā)需利用技術(shù)手段設(shè)計更美觀的現(xiàn)代網(wǎng)頁,豐富交互內(nèi)容、完善交互功能、優(yōu)化交互體驗。
計算機(jī)網(wǎng)站前端開發(fā)是一項以優(yōu)化網(wǎng)站界面與交互操作為目的,完善計算機(jī)網(wǎng)絡(luò)結(jié)構(gòu)、適應(yīng)多元化發(fā)展為方向,使前端框架與平臺建設(shè)需求契合,對于網(wǎng)絡(luò)系統(tǒng)的運(yùn)行以及網(wǎng)絡(luò)服務(wù)水平的提升均有重要價值。隨著網(wǎng)絡(luò)用戶數(shù)量增加、網(wǎng)絡(luò)系統(tǒng)功能完善,前端開發(fā)的技術(shù)型服務(wù)特征也不斷向服務(wù)型轉(zhuǎn)變,在計算機(jī)語言、邏輯代碼的編寫、應(yīng)用中,不僅實現(xiàn)系統(tǒng)操作、系統(tǒng)設(shè)計需要,也立足用戶角度,以動靜結(jié)合的內(nèi)容轉(zhuǎn)換形式豐富網(wǎng)站功能體驗,使網(wǎng)站用戶的特性需求得到滿足,因此,在計算機(jī)多元化需求發(fā)展背景下,前端開發(fā)技術(shù)是展現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的基本手段,是實現(xiàn)與用戶交互的重要技術(shù)途徑。
HTML屬于超文本標(biāo)記語言,是計算機(jī)網(wǎng)站前端開發(fā)領(lǐng)域內(nèi)應(yīng)用非常廣泛的技術(shù)之一,也是深入分析前端開發(fā)技術(shù)領(lǐng)域的基礎(chǔ)要素[1]。HTML技術(shù)主要涵蓋計算機(jī)網(wǎng)站前端頁面的獨(dú)特重構(gòu)形式,并對PC端的計算機(jī)網(wǎng)站布局方式進(jìn)行有效解析和重構(gòu)。在應(yīng)用HTML技術(shù)進(jìn)行前端開發(fā)的過程中,還需要將HTTP協(xié)議和前端模塊化應(yīng)用模式進(jìn)行有效組合,并對常見業(yè)務(wù)系統(tǒng)的前端開發(fā)體系和設(shè)計模式進(jìn)行全面解析。不論是全棧項目還是混合類項目,都能夠在HTML技術(shù)的支持下完成網(wǎng)頁外觀和樣式布局的重構(gòu)操作功能,并對各類低層編碼形式的工具庫以及包模塊等內(nèi)容進(jìn)行全面管理,協(xié)助前端開發(fā)人員精細(xì)化管理編碼形式和平臺。在應(yīng)用HTML技術(shù)和開發(fā)編輯平臺的過程中,需要將系統(tǒng)響應(yīng)、交互、面向?qū)ο蟮榷鄠€應(yīng)用模式進(jìn)行有效組合,并對可視化頁面的樣式配置過程進(jìn)行全面分析[2]。
CSS是層疊樣式表的簡稱,是計算機(jī)網(wǎng)站前端開發(fā)技術(shù)領(lǐng)域內(nèi)應(yīng)用非常廣泛的內(nèi)容之一,并且能夠適應(yīng)靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的不同交互性能需求。但是在應(yīng)用CSS技術(shù)的過程中,需要將對應(yīng)的腳本語言與動態(tài)化的網(wǎng)頁標(biāo)識和元素進(jìn)行精準(zhǔn)對應(yīng),并對格式化之后的網(wǎng)頁調(diào)整形式進(jìn)行創(chuàng)新組合。CSS技術(shù)具備更加豐富的樣式定義模式,還具備易修改和使用的優(yōu)良性能,并且可以應(yīng)用在多個頁面之中,并實現(xiàn)層疊的樣式排布形式,有利于實現(xiàn)頁面壓縮功能[3]。CSS技術(shù)的廣泛應(yīng)用,可以有效縮短網(wǎng)頁訪問的間隔時間,還可以將多種文件格式和鏈接進(jìn)行標(biāo)準(zhǔn)化管理。通用的樣式層疊和覆蓋形式,可以為計算機(jī)網(wǎng)站的前端開發(fā)人員提供更加簡潔的代碼編寫環(huán)境,還可以單獨(dú)設(shè)定樣式規(guī)則的優(yōu)先級,可以快速適應(yīng)多種網(wǎng)頁端系統(tǒng)的開發(fā)和設(shè)計模式,還可以在原型系統(tǒng)的支持下完成指定樣式的快速配置功能。
JS編程技術(shù)能夠廣泛應(yīng)用在腳本語言頁面的前端開發(fā)工作之中,其內(nèi)置一些可以支持的數(shù)據(jù)類型,還具備解釋器等相關(guān)組件,并對網(wǎng)頁瀏覽器的全局動態(tài)功能實現(xiàn)模式產(chǎn)生一定影響。原始的JS編程技術(shù)能夠初步判斷網(wǎng)頁瀏覽器客戶端的實時輸入信息是否合法,但是當(dāng)前JS編程技術(shù)在網(wǎng)頁特效、移動端交互、異步操作、服務(wù)器交互以及服務(wù)端開發(fā)等多個領(lǐng)域內(nèi)的應(yīng)用優(yōu)勢非常明顯[4]。在應(yīng)用JS編程技術(shù)的過程中,需要將網(wǎng)頁客戶端發(fā)送到邏輯控制層上的請求或者信息變更響應(yīng)機(jī)制進(jìn)行有效跟蹤和統(tǒng)計分析,并對HTML網(wǎng)頁的實時動態(tài)功能呈現(xiàn)形式產(chǎn)生一定影響。尤其在編寫腳本語言代碼段的過程中,應(yīng)用JS編碼技術(shù),需要重點(diǎn)關(guān)注動態(tài)類型、弱類型以及原型的組合呈現(xiàn)形式是否符合特定的邏輯規(guī)則。
DOM技術(shù)是當(dāng)前很多計算機(jī)網(wǎng)站在進(jìn)行前端開發(fā)過程中廣泛應(yīng)用的技術(shù)之一,能夠?qū)⑽臋n對象模型的特定映射模式應(yīng)用在多種業(yè)務(wù)開發(fā)場景之中。DOM技術(shù)的主要應(yīng)用思路是將文檔、標(biāo)簽、屬性等相關(guān)內(nèi)容轉(zhuǎn)變?yōu)閷ο髽?biāo)識,并及時封裝成對象,才能夠及時處理標(biāo)記性文檔中的相關(guān)請求和設(shè)置操作內(nèi)容。傳統(tǒng)的文檔是標(biāo)記性文檔,對象屬于封裝了屬性和行為的具體實例,構(gòu)建的模型是所有標(biāo)記性文檔都具備的共性特征,可以將其比作是全局變量因子[5]。DOM技術(shù)的獨(dú)特解析方式,能夠?qū)OM樹結(jié)構(gòu)中的所有內(nèi)容有效封裝成節(jié)點(diǎn)對象,并將層次化的標(biāo)簽和標(biāo)識轉(zhuǎn)變成多端的樹形結(jié)構(gòu),才能夠進(jìn)一步加載到內(nèi)存之中。DOM技術(shù)是實現(xiàn)網(wǎng)頁端動態(tài)加載和操作的重要基礎(chǔ),并對每個被封裝成對象的元素進(jìn)行有效編碼和標(biāo)識,并對常見的增刪改查操作形式進(jìn)行全面解析。應(yīng)用DOM技術(shù)可以實現(xiàn)動態(tài)和靜態(tài)網(wǎng)頁的快速加載和解析功能。
在網(wǎng)站制作環(huán)節(jié)。網(wǎng)絡(luò)用戶訪問網(wǎng)頁內(nèi)容主要依靠HTML技術(shù)完成,對網(wǎng)頁內(nèi)容的美化設(shè)計、站點(diǎn)構(gòu)建則依靠CSS技術(shù)完成,對不同網(wǎng)站內(nèi)容、跳轉(zhuǎn)的設(shè)計以及網(wǎng)絡(luò)用戶體驗的提升是前端開發(fā)的核心工作內(nèi)容,因此,對于前端開發(fā)技術(shù)人員專業(yè)能力要求極為嚴(yán)格,應(yīng)熟練操作各項技術(shù)手段,提高開發(fā)效率與開發(fā)質(zhì)量,并基于用戶優(yōu)質(zhì)體驗角度,不斷完善網(wǎng)站功能,滿足用戶日益多元的網(wǎng)頁瀏覽需求,但受開發(fā)人員能力素質(zhì)參差不齊的影響,網(wǎng)站前端開發(fā)功能設(shè)計上仍存在漏洞,開發(fā)技術(shù)價值有待進(jìn)一步實現(xiàn),在提高網(wǎng)站訪問穩(wěn)定性、高效性上技術(shù)手段的優(yōu)勢也未能充分體現(xiàn)。
在網(wǎng)絡(luò)安全性能上。網(wǎng)站前端開發(fā)中為保障網(wǎng)絡(luò)用戶安全瀏覽網(wǎng)頁、網(wǎng)站不被惡意入侵攻擊,網(wǎng)頁內(nèi)在技術(shù)手段支持下設(shè)置非法訪問功能,或利用在系統(tǒng)中內(nèi)置的殺毒軟件、防火墻等工具抵御外部入侵、病毒攻擊。如有些網(wǎng)站前端開發(fā)中設(shè)置訪問權(quán)限,瀏覽網(wǎng)站前需經(jīng)過身份認(rèn)證控制系統(tǒng)識別,進(jìn)入網(wǎng)站后將由移動IP安全管理系統(tǒng)實時保護(hù),防止用戶信息被盜取、網(wǎng)站被攻擊;且當(dāng)系統(tǒng)識別有病毒入侵時,可第一時間提示用戶,并自動識別與查殺病毒,恢復(fù)健康、安全的網(wǎng)絡(luò)環(huán)境。但網(wǎng)絡(luò)安全防護(hù)水平提升的同時,病毒入侵方式、攻擊方式也在優(yōu)化,目前現(xiàn)有網(wǎng)絡(luò)安全防護(hù)技術(shù)能有效抵御大部分病毒,但仍無法徹底規(guī)避,對網(wǎng)絡(luò)安全仍存在威脅。
在瀏覽器兼容方面。網(wǎng)站前端開發(fā)技術(shù)中CSS等工具可對網(wǎng)站的響應(yīng)效率、運(yùn)轉(zhuǎn)程度進(jìn)行優(yōu)化,科學(xué)處理獨(dú)立反應(yīng)程序,優(yōu)化程序設(shè)置,從而使計算機(jī)前端鏈不斷完善,各項與網(wǎng)絡(luò)用戶需求不符的內(nèi)容、功能缺陷得到合理處理。
目前,我國計算機(jī)網(wǎng)站前端開發(fā)技術(shù)體系處于發(fā)展、完善階段,共經(jīng)歷了特效階段、體驗階段、前后端分離階段、頁面性能階段、工程化階段以及數(shù)據(jù)階段,在技術(shù)理念、手段不斷更新下也取得一系列技術(shù)成果,但計算機(jī)網(wǎng)站更新快、時效性強(qiáng),前端需求復(fù)雜變化,技術(shù)優(yōu)化存在諸多難點(diǎn)。
服務(wù)器擁堵。海量信息是大數(shù)據(jù)時代的主要特征,單條信息傳輸行為與其他信息產(chǎn)生連帶,而網(wǎng)站的快速、有序運(yùn)行需要將大量信息進(jìn)行有序化排列,并按照邏輯對信息進(jìn)行測定分析,形成科學(xué)羅列模式,確保網(wǎng)絡(luò)結(jié)構(gòu)運(yùn)行。但基于HTTP協(xié)議網(wǎng)站服務(wù)運(yùn)行行為受到協(xié)議本身參數(shù)設(shè)定功能的約束,如協(xié)議對于服務(wù)器與客戶端之間鏈接數(shù)量的控制機(jī)制,網(wǎng)站運(yùn)行過程中,有些用戶對多渠道獲取信息資源需求量大,因此,大量時間保持鏈接端口在兩個或兩個以上,而受協(xié)議傳輸機(jī)制限制,當(dāng)鏈接端口數(shù)量多、協(xié)議請求增多時,服務(wù)器運(yùn)行壓力增大,若端口數(shù)量超過協(xié)議規(guī)定時,服務(wù)器則無法根據(jù)用戶請求同步完成響應(yīng),造成服務(wù)延遲、網(wǎng)絡(luò)擁堵。
運(yùn)行結(jié)構(gòu)受限。用戶基于計算機(jī)網(wǎng)站傳輸信息過程中,當(dāng)IP地址與信息命令請求間存在數(shù)據(jù)對接誤差,用戶在網(wǎng)站頁面上下達(dá)的信息傳輸指令將無法得到及時、正確的響應(yīng),進(jìn)而導(dǎo)致服務(wù)器與瀏覽器之間發(fā)生銜接不當(dāng)。
基準(zhǔn)難統(tǒng)一。前端開發(fā)技術(shù)的應(yīng)用與功能的實現(xiàn)依照技術(shù)體系在計算機(jī)系統(tǒng)中運(yùn)行情況決定,在不斷開發(fā)中形成結(jié)構(gòu)化構(gòu)想,設(shè)計出數(shù)據(jù)顯示結(jié)構(gòu)、數(shù)據(jù)排列結(jié)構(gòu),實現(xiàn)定向化發(fā)展。但網(wǎng)絡(luò)系統(tǒng)更新速率快,網(wǎng)站前端開發(fā)技術(shù)未能根據(jù)系統(tǒng)更新結(jié)構(gòu)形式,優(yōu)化數(shù)據(jù)傳輸路徑,從而將造成功能缺失。
優(yōu)化HTTP請求,是有效提升計算機(jī)網(wǎng)站交互效率和質(zhì)量的重要措施,能夠?qū)⑶岸嗽O(shè)計模式和編碼實現(xiàn)機(jī)制中較為復(fù)雜的操作請求和token方法進(jìn)行適度優(yōu)化。優(yōu)化HTTP請求,需要建立在安全的網(wǎng)絡(luò)連接環(huán)境基礎(chǔ)之上,前端開發(fā)技術(shù)人員可以尋找到前端網(wǎng)頁資源的優(yōu)化配置設(shè)計方案,還能夠有效減少分散組件和樣式的配置數(shù)量。部分兼容性較強(qiáng)的瀏覽器網(wǎng)頁客戶端會采用緩存的方法減少請求次數(shù),但是對實時動態(tài)變化的計算機(jī)網(wǎng)站前端頁面操作質(zhì)量造成一定的影響,對靜態(tài)網(wǎng)頁存儲方式相對比較友好。優(yōu)化HTTP請求操作次數(shù),也需要根據(jù)不同類型業(yè)務(wù)系統(tǒng)的單位時間內(nèi)操作數(shù)量和點(diǎn)擊頻次等測試數(shù)據(jù)指標(biāo)中發(fā)現(xiàn)亟待改進(jìn)的開發(fā)要點(diǎn),并需要對信息載體的分時存儲機(jī)制進(jìn)行適度優(yōu)化和調(diào)整。優(yōu)化HTTP請求次數(shù)和授權(quán)方式,可以逐步提升網(wǎng)頁樣式和組件對象之間的動態(tài)鏈接質(zhì)量。除此之外,進(jìn)一步優(yōu)化HTTP請求方式,可以逐步提升不同類型網(wǎng)頁客戶端用戶在不同網(wǎng)絡(luò)操作環(huán)境之中的本地緩存效率,并對本地網(wǎng)絡(luò)操作的前端頁面業(yè)務(wù)邏輯流轉(zhuǎn)過程進(jìn)行安全加密計算。
CDN是計算機(jī)網(wǎng)站前端開發(fā)技術(shù)領(lǐng)域內(nèi)廣泛應(yīng)用的優(yōu)化措施之一,能夠?qū)⒉煌愋偷挠嬎銠C(jī)網(wǎng)站前端頁面內(nèi)容分發(fā)到異地服務(wù)器設(shè)備中,有效減少緩存時間,還能夠降低網(wǎng)站前端頁面資源的浪費(fèi)次數(shù)。但是在應(yīng)用內(nèi)容分發(fā)網(wǎng)絡(luò)架構(gòu)CDN的過程中,需要將一些公共節(jié)點(diǎn)和私人節(jié)點(diǎn)的關(guān)鍵數(shù)據(jù)參數(shù)進(jìn)行有效隔離,并充分保障每次內(nèi)容緩存操作是完整可靠的。CDN架構(gòu)更傾向于對前端性能進(jìn)行適度優(yōu)化,并對網(wǎng)站用戶的預(yù)先加載資源進(jìn)度進(jìn)行全程跟蹤和管理。通過應(yīng)用內(nèi)容分發(fā)網(wǎng)絡(luò)架構(gòu)的方式,網(wǎng)站用戶可以得到更加快速可靠的系統(tǒng)相應(yīng)結(jié)果,還可以為后續(xù)讀取的特定操作內(nèi)容提供有效鏈接。應(yīng)用CDN架構(gòu)的過程中,計算機(jī)網(wǎng)站的前端開發(fā)技術(shù)人員需要慎重選擇代理和協(xié)議(族),并對內(nèi)容分發(fā)節(jié)點(diǎn)和流量攔截等各項安全保密機(jī)制的應(yīng)用路徑進(jìn)行合理監(jiān)控和分析。但是在應(yīng)用CDN內(nèi)容分發(fā)網(wǎng)絡(luò)架構(gòu)模式的過程中,需要將前端頁面中的流媒體和其他多媒體緩存形式進(jìn)行加速計算,并從性能提升和并發(fā)數(shù)據(jù)處理功能等多個層面充分保障前端頁面操作質(zhì)量和準(zhǔn)確性,并對后端數(shù)據(jù)庫管理系統(tǒng)的實時存儲和處理分析要求更高。
在計算機(jī)網(wǎng)站的前端開發(fā)過程中,需要進(jìn)一步優(yōu)化內(nèi)容和文件規(guī)模,才能夠進(jìn)一步提升本地或者異地網(wǎng)絡(luò)的信息傳輸效率和安全性。在對內(nèi)容進(jìn)行優(yōu)化的過程中,需要對原型系統(tǒng)以及特定的樣式設(shè)計模式進(jìn)行有效組合,避免重定向問題的產(chǎn)生,還需要對Ajax的可緩存機(jī)制進(jìn)行適度優(yōu)化。前端開發(fā)人員需要合理運(yùn)用懶加載組件,并對特定的可視區(qū)域進(jìn)行有效整理。預(yù)加載組件的方法和工具類型相對較多,可以根據(jù)特定的業(yè)務(wù)系統(tǒng)開發(fā)場景,選擇其中的一種或者多種,并以提升實時傳輸效率為關(guān)鍵開發(fā)目標(biāo)。當(dāng)需要切分組件到不同的域時,需要盡量避免前端編碼中存在較多域名,以免出現(xiàn)數(shù)據(jù)沖突等問題。優(yōu)化文件規(guī)模,是有效提升網(wǎng)頁信息傳輸效率的重要優(yōu)化措施之一,可以從代碼壓縮、服務(wù)器壓縮以及Cookie優(yōu)化等多個方向進(jìn)行有效整合,并對不必要的網(wǎng)頁加載資源進(jìn)行有效處理和分類。優(yōu)化內(nèi)容和文件規(guī)模,是逐步縮減HTTP請求次數(shù)和緩存時間的重要優(yōu)化措施,還可以有效解決多重前端頁面網(wǎng)絡(luò)運(yùn)行阻塞等問題。
優(yōu)化DNS查詢次數(shù),是有效提升計算機(jī)網(wǎng)站前端開發(fā)效率和質(zhì)量的關(guān)鍵優(yōu)化措施之一。DNS查詢次數(shù)過多或者過少,都并不能有效呈現(xiàn)前端網(wǎng)頁的全部功能,還可能會產(chǎn)生一些解析錯誤等問題。DNS查詢次數(shù)和前端網(wǎng)頁中的域名數(shù)量呈現(xiàn)正相關(guān)的趨勢,因此在封裝前端頁面的鏈接對象和實例過程中,需要進(jìn)一步優(yōu)化掉不必要的域名數(shù)量,并減少DNS查詢次數(shù),才能夠有效提升網(wǎng)頁客戶端的系統(tǒng)響應(yīng)速度。優(yōu)化DNS查詢次數(shù),也能夠間接影響到并行下載數(shù)量變化等問題,因此可以融合應(yīng)用CDN網(wǎng)絡(luò)架構(gòu)或者SDN網(wǎng)絡(luò)架構(gòu),逐步降低前端頁面的響應(yīng)時間成本。優(yōu)化DNS查詢次數(shù),需要根據(jù)具體的解析時間和頻率設(shè)定對應(yīng)的優(yōu)化方法,并對靜態(tài)和動態(tài)網(wǎng)頁的本地緩存效率進(jìn)行有效計算,并將域名的具體分配規(guī)則進(jìn)行全局化設(shè)定。尤其對于涉及后端數(shù)據(jù)信息處理功能的計算機(jī)網(wǎng)站前端頁面而言,優(yōu)化DNS解析次數(shù),還能夠有效清空本地用戶的網(wǎng)站緩存資源和內(nèi)容,并對網(wǎng)頁的動態(tài)響應(yīng)速度和時間進(jìn)行有效優(yōu)化。
在計算機(jī)網(wǎng)站的前端開發(fā)技術(shù)領(lǐng)域內(nèi),需要根據(jù)不同的業(yè)務(wù)系統(tǒng)開發(fā)場景,選擇對應(yīng)的前端開發(fā)技術(shù)和工具,并對網(wǎng)頁布局的基本樣式進(jìn)行全面整合。在優(yōu)化和完善網(wǎng)站的前端開發(fā)技術(shù)過程中,需要根據(jù)特定的網(wǎng)絡(luò)架構(gòu)模式和本地解析路徑,并對網(wǎng)站緩存和資源的處理策略進(jìn)行有效優(yōu)化。前端開發(fā)技術(shù)的組合優(yōu)化與應(yīng)用,還需要建立在滿足用戶并發(fā)需求和系統(tǒng)響應(yīng)需求的基礎(chǔ)之上。