李林凡

（中國信息通信研究院西部分院 重慶 401336）

0 引言

在開發(fā)計算機網(wǎng)站W(wǎng)eb端系統(tǒng)的過程中，需要應用多種符合實際業(yè)務場景的前端開發(fā)技術和工具，并且需要根據(jù)目標網(wǎng)絡地址和網(wǎng)絡協(xié)議的安全鏈接能力，進一步優(yōu)化和完善前端頁面的網(wǎng)絡系統(tǒng)響應速度和其他性能指標。在開發(fā)瀏覽器客戶端為基礎的前端網(wǎng)站過程中，需要將不同類型的前端開發(fā)技術和對應的優(yōu)化措施進行創(chuàng)新組合，才能夠進一步提升網(wǎng)絡操作質量。

1 計算機網(wǎng)站前端開發(fā)內涵及意義

計算機網(wǎng)站前端開發(fā)是指利用創(chuàng)建的Web頁面、APP進行前端頁面設計并展現(xiàn)給網(wǎng)絡用戶的過程，主要運用超文本標記語言（HTML）、層疊樣式表（CSS）、JavaScript語言（JS）等開發(fā)技術手段，實現(xiàn)網(wǎng)絡用戶與網(wǎng)絡產(chǎn)品的界面交互。傳統(tǒng)計算機網(wǎng)站前端開發(fā)模式中，多以靜態(tài)文字、圖片等方式作為載體，現(xiàn)階段網(wǎng)絡發(fā)展技術水平的提升，網(wǎng)絡用戶對于網(wǎng)絡產(chǎn)品界面的交互功能、交互效果、美觀性均有更高要求，為滿足用戶需要與要求，計算機網(wǎng)站前端開發(fā)需利用技術手段設計更美觀的現(xiàn)代網(wǎng)頁，豐富交互內容、完善交互功能、優(yōu)化交互體驗。

計算機網(wǎng)站前端開發(fā)是一項以優(yōu)化網(wǎng)站界面與交互操作為目的，完善計算機網(wǎng)絡結構、適應多元化發(fā)展為方向，使前端框架與平臺建設需求契合，對于網(wǎng)絡系統(tǒng)的運行以及網(wǎng)絡服務水平的提升均有重要價值。隨著網(wǎng)絡用戶數(shù)量增加、網(wǎng)絡系統(tǒng)功能完善，前端開發(fā)的技術型服務特征也不斷向服務型轉變，在計算機語言、邏輯代碼的編寫、應用中，不僅實現(xiàn)系統(tǒng)操作、系統(tǒng)設計需要，也立足用戶角度，以動靜結合的內容轉換形式豐富網(wǎng)站功能體驗，使網(wǎng)站用戶的特性需求得到滿足，因此，在計算機多元化需求發(fā)展背景下，前端開發(fā)技術是展現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的基本手段，是實現(xiàn)與用戶交互的重要技術途徑。

2 計算機網(wǎng)站的前端開發(fā)技術

2.1 HTML技術

HTML屬于超文本標記語言，是計算機網(wǎng)站前端開發(fā)領域內應用非常廣泛的技術之一，也是深入分析前端開發(fā)技術領域的基礎要素[1]。HTML技術主要涵蓋計算機網(wǎng)站前端頁面的獨特重構形式，并對PC端的計算機網(wǎng)站布局方式進行有效解析和重構。在應用HTML技術進行前端開發(fā)的過程中，還需要將HTTP協(xié)議和前端模塊化應用模式進行有效組合，并對常見業(yè)務系統(tǒng)的前端開發(fā)體系和設計模式進行全面解析。不論是全棧項目還是混合類項目，都能夠在HTML技術的支持下完成網(wǎng)頁外觀和樣式布局的重構操作功能，并對各類低層編碼形式的工具庫以及包模塊等內容進行全面管理，協(xié)助前端開發(fā)人員精細化管理編碼形式和平臺。在應用HTML技術和開發(fā)編輯平臺的過程中，需要將系統(tǒng)響應、交互、面向對象等多個應用模式進行有效組合，并對可視化頁面的樣式配置過程進行全面分析[2]。

2.2 CSS技術

CSS是層疊樣式表的簡稱，是計算機網(wǎng)站前端開發(fā)技術領域內應用非常廣泛的內容之一，并且能夠適應靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的不同交互性能需求。但是在應用CSS技術的過程中，需要將對應的腳本語言與動態(tài)化的網(wǎng)頁標識和元素進行精準對應，并對格式化之后的網(wǎng)頁調整形式進行創(chuàng)新組合。CSS技術具備更加豐富的樣式定義模式，還具備易修改和使用的優(yōu)良性能，并且可以應用在多個頁面之中，并實現(xiàn)層疊的樣式排布形式，有利于實現(xiàn)頁面壓縮功能[3]。CSS技術的廣泛應用，可以有效縮短網(wǎng)頁訪問的間隔時間，還可以將多種文件格式和鏈接進行標準化管理。通用的樣式層疊和覆蓋形式，可以為計算機網(wǎng)站的前端開發(fā)人員提供更加簡潔的代碼編寫環(huán)境，還可以單獨設定樣式規(guī)則的優(yōu)先級，可以快速適應多種網(wǎng)頁端系統(tǒng)的開發(fā)和設計模式，還可以在原型系統(tǒng)的支持下完成指定樣式的快速配置功能。

2.3 JS編程技術

JS編程技術能夠廣泛應用在腳本語言頁面的前端開發(fā)工作之中，其內置一些可以支持的數(shù)據(jù)類型，還具備解釋器等相關組件，并對網(wǎng)頁瀏覽器的全局動態(tài)功能實現(xiàn)模式產(chǎn)生一定影響。原始的JS編程技術能夠初步判斷網(wǎng)頁瀏覽器客戶端的實時輸入信息是否合法，但是當前JS編程技術在網(wǎng)頁特效、移動端交互、異步操作、服務器交互以及服務端開發(fā)等多個領域內的應用優(yōu)勢非常明顯[4]。在應用JS編程技術的過程中，需要將網(wǎng)頁客戶端發(fā)送到邏輯控制層上的請求或者信息變更響應機制進行有效跟蹤和統(tǒng)計分析，并對HTML網(wǎng)頁的實時動態(tài)功能呈現(xiàn)形式產(chǎn)生一定影響。尤其在編寫腳本語言代碼段的過程中，應用JS編碼技術，需要重點關注動態(tài)類型、弱類型以及原型的組合呈現(xiàn)形式是否符合特定的邏輯規(guī)則。

2.4 DOM技術

DOM技術是當前很多計算機網(wǎng)站在進行前端開發(fā)過程中廣泛應用的技術之一，能夠將文檔對象模型的特定映射模式應用在多種業(yè)務開發(fā)場景之中。DOM技術的主要應用思路是將文檔、標簽、屬性等相關內容轉變?yōu)閷ο髽俗R，并及時封裝成對象，才能夠及時處理標記性文檔中的相關請求和設置操作內容。傳統(tǒng)的文檔是標記性文檔，對象屬于封裝了屬性和行為的具體實例，構建的模型是所有標記性文檔都具備的共性特征，可以將其比作是全局變量因子[5]。DOM技術的獨特解析方式，能夠將DOM樹結構中的所有內容有效封裝成節(jié)點對象，并將層次化的標簽和標識轉變成多端的樹形結構，才能夠進一步加載到內存之中。DOM技術是實現(xiàn)網(wǎng)頁端動態(tài)加載和操作的重要基礎，并對每個被封裝成對象的元素進行有效編碼和標識，并對常見的增刪改查操作形式進行全面解析。應用DOM技術可以實現(xiàn)動態(tài)和靜態(tài)網(wǎng)頁的快速加載和解析功能。

3 計算機網(wǎng)站前端開發(fā)技術應用現(xiàn)狀與優(yōu)化難點

3.1 技術應用現(xiàn)狀

在網(wǎng)站制作環(huán)節(jié)。網(wǎng)絡用戶訪問網(wǎng)頁內容主要依靠HTML技術完成，對網(wǎng)頁內容的美化設計、站點構建則依靠CSS技術完成，對不同網(wǎng)站內容、跳轉的設計以及網(wǎng)絡用戶體驗的提升是前端開發(fā)的核心工作內容，因此，對于前端開發(fā)技術人員專業(yè)能力要求極為嚴格，應熟練操作各項技術手段，提高開發(fā)效率與開發(fā)質量，并基于用戶優(yōu)質體驗角度，不斷完善網(wǎng)站功能，滿足用戶日益多元的網(wǎng)頁瀏覽需求，但受開發(fā)人員能力素質參差不齊的影響，網(wǎng)站前端開發(fā)功能設計上仍存在漏洞，開發(fā)技術價值有待進一步實現(xiàn)，在提高網(wǎng)站訪問穩(wěn)定性、高效性上技術手段的優(yōu)勢也未能充分體現(xiàn)。

在網(wǎng)絡安全性能上。網(wǎng)站前端開發(fā)中為保障網(wǎng)絡用戶安全瀏覽網(wǎng)頁、網(wǎng)站不被惡意入侵攻擊，網(wǎng)頁內在技術手段支持下設置非法訪問功能，或利用在系統(tǒng)中內置的殺毒軟件、防火墻等工具抵御外部入侵、病毒攻擊。如有些網(wǎng)站前端開發(fā)中設置訪問權限，瀏覽網(wǎng)站前需經(jīng)過身份認證控制系統(tǒng)識別，進入網(wǎng)站后將由移動IP安全管理系統(tǒng)實時保護，防止用戶信息被盜取、網(wǎng)站被攻擊；且當系統(tǒng)識別有病毒入侵時，可第一時間提示用戶，并自動識別與查殺病毒，恢復健康、安全的網(wǎng)絡環(huán)境。但網(wǎng)絡安全防護水平提升的同時，病毒入侵方式、攻擊方式也在優(yōu)化，目前現(xiàn)有網(wǎng)絡安全防護技術能有效抵御大部分病毒，但仍無法徹底規(guī)避，對網(wǎng)絡安全仍存在威脅。

在瀏覽器兼容方面。網(wǎng)站前端開發(fā)技術中CSS等工具可對網(wǎng)站的響應效率、運轉程度進行優(yōu)化，科學處理獨立反應程序，優(yōu)化程序設置，從而使計算機前端鏈不斷完善，各項與網(wǎng)絡用戶需求不符的內容、功能缺陷得到合理處理。

3.2 技術優(yōu)化難點

目前，我國計算機網(wǎng)站前端開發(fā)技術體系處于發(fā)展、完善階段，共經(jīng)歷了特效階段、體驗階段、前后端分離階段、頁面性能階段、工程化階段以及數(shù)據(jù)階段，在技術理念、手段不斷更新下也取得一系列技術成果，但計算機網(wǎng)站更新快、時效性強，前端需求復雜變化，技術優(yōu)化存在諸多難點。

服務器擁堵。海量信息是大數(shù)據(jù)時代的主要特征，單條信息傳輸行為與其他信息產(chǎn)生連帶，而網(wǎng)站的快速、有序運行需要將大量信息進行有序化排列，并按照邏輯對信息進行測定分析，形成科學羅列模式，確保網(wǎng)絡結構運行。但基于HTTP協(xié)議網(wǎng)站服務運行行為受到協(xié)議本身參數(shù)設定功能的約束，如協(xié)議對于服務器與客戶端之間鏈接數(shù)量的控制機制，網(wǎng)站運行過程中，有些用戶對多渠道獲取信息資源需求量大，因此，大量時間保持鏈接端口在兩個或兩個以上，而受協(xié)議傳輸機制限制，當鏈接端口數(shù)量多、協(xié)議請求增多時，服務器運行壓力增大，若端口數(shù)量超過協(xié)議規(guī)定時，服務器則無法根據(jù)用戶請求同步完成響應，造成服務延遲、網(wǎng)絡擁堵。

運行結構受限。用戶基于計算機網(wǎng)站傳輸信息過程中，當IP地址與信息命令請求間存在數(shù)據(jù)對接誤差，用戶在網(wǎng)站頁面上下達的信息傳輸指令將無法得到及時、正確的響應，進而導致服務器與瀏覽器之間發(fā)生銜接不當。

基準難統(tǒng)一。前端開發(fā)技術的應用與功能的實現(xiàn)依照技術體系在計算機系統(tǒng)中運行情況決定，在不斷開發(fā)中形成結構化構想，設計出數(shù)據(jù)顯示結構、數(shù)據(jù)排列結構，實現(xiàn)定向化發(fā)展。但網(wǎng)絡系統(tǒng)更新速率快，網(wǎng)站前端開發(fā)技術未能根據(jù)系統(tǒng)更新結構形式，優(yōu)化數(shù)據(jù)傳輸路徑，從而將造成功能缺失。

4 計算機網(wǎng)站前端開發(fā)技術的優(yōu)化措施

4.1 優(yōu)化HTTP請求

優(yōu)化HTTP請求，是有效提升計算機網(wǎng)站交互效率和質量的重要措施，能夠將前端設計模式和編碼實現(xiàn)機制中較為復雜的操作請求和token方法進行適度優(yōu)化。優(yōu)化HTTP請求，需要建立在安全的網(wǎng)絡連接環(huán)境基礎之上，前端開發(fā)技術人員可以尋找到前端網(wǎng)頁資源的優(yōu)化配置設計方案，還能夠有效減少分散組件和樣式的配置數(shù)量。部分兼容性較強的瀏覽器網(wǎng)頁客戶端會采用緩存的方法減少請求次數(shù)，但是對實時動態(tài)變化的計算機網(wǎng)站前端頁面操作質量造成一定的影響，對靜態(tài)網(wǎng)頁存儲方式相對比較友好。優(yōu)化HTTP請求操作次數(shù)，也需要根據(jù)不同類型業(yè)務系統(tǒng)的單位時間內操作數(shù)量和點擊頻次等測試數(shù)據(jù)指標中發(fā)現(xiàn)亟待改進的開發(fā)要點，并需要對信息載體的分時存儲機制進行適度優(yōu)化和調整。優(yōu)化HTTP請求次數(shù)和授權方式，可以逐步提升網(wǎng)頁樣式和組件對象之間的動態(tài)鏈接質量。除此之外，進一步優(yōu)化HTTP請求方式，可以逐步提升不同類型網(wǎng)頁客戶端用戶在不同網(wǎng)絡操作環(huán)境之中的本地緩存效率，并對本地網(wǎng)絡操作的前端頁面業(yè)務邏輯流轉過程進行安全加密計算。

4.2 應用內容分發(fā)網(wǎng)絡架構（CDN）

CDN是計算機網(wǎng)站前端開發(fā)技術領域內廣泛應用的優(yōu)化措施之一，能夠將不同類型的計算機網(wǎng)站前端頁面內容分發(fā)到異地服務器設備中，有效減少緩存時間，還能夠降低網(wǎng)站前端頁面資源的浪費次數(shù)。但是在應用內容分發(fā)網(wǎng)絡架構CDN的過程中，需要將一些公共節(jié)點和私人節(jié)點的關鍵數(shù)據(jù)參數(shù)進行有效隔離，并充分保障每次內容緩存操作是完整可靠的。CDN架構更傾向于對前端性能進行適度優(yōu)化，并對網(wǎng)站用戶的預先加載資源進度進行全程跟蹤和管理。通過應用內容分發(fā)網(wǎng)絡架構的方式，網(wǎng)站用戶可以得到更加快速可靠的系統(tǒng)相應結果，還可以為后續(xù)讀取的特定操作內容提供有效鏈接。應用CDN架構的過程中，計算機網(wǎng)站的前端開發(fā)技術人員需要慎重選擇代理和協(xié)議（族），并對內容分發(fā)節(jié)點和流量攔截等各項安全保密機制的應用路徑進行合理監(jiān)控和分析。但是在應用CDN內容分發(fā)網(wǎng)絡架構模式的過程中，需要將前端頁面中的流媒體和其他多媒體緩存形式進行加速計算，并從性能提升和并發(fā)數(shù)據(jù)處理功能等多個層面充分保障前端頁面操作質量和準確性，并對后端數(shù)據(jù)庫管理系統(tǒng)的實時存儲和處理分析要求更高。

4.3 優(yōu)化內容和文件規(guī)模

在計算機網(wǎng)站的前端開發(fā)過程中，需要進一步優(yōu)化內容和文件規(guī)模，才能夠進一步提升本地或者異地網(wǎng)絡的信息傳輸效率和安全性。在對內容進行優(yōu)化的過程中，需要對原型系統(tǒng)以及特定的樣式設計模式進行有效組合，避免重定向問題的產(chǎn)生，還需要對Ajax的可緩存機制進行適度優(yōu)化。前端開發(fā)人員需要合理運用懶加載組件，并對特定的可視區(qū)域進行有效整理。預加載組件的方法和工具類型相對較多，可以根據(jù)特定的業(yè)務系統(tǒng)開發(fā)場景，選擇其中的一種或者多種，并以提升實時傳輸效率為關鍵開發(fā)目標。當需要切分組件到不同的域時，需要盡量避免前端編碼中存在較多域名，以免出現(xiàn)數(shù)據(jù)沖突等問題。優(yōu)化文件規(guī)模，是有效提升網(wǎng)頁信息傳輸效率的重要優(yōu)化措施之一，可以從代碼壓縮、服務器壓縮以及Cookie優(yōu)化等多個方向進行有效整合，并對不必要的網(wǎng)頁加載資源進行有效處理和分類。優(yōu)化內容和文件規(guī)模，是逐步縮減HTTP請求次數(shù)和緩存時間的重要優(yōu)化措施，還可以有效解決多重前端頁面網(wǎng)絡運行阻塞等問題。

4.4 優(yōu)化DNS查詢次數(shù)

優(yōu)化DNS查詢次數(shù)，是有效提升計算機網(wǎng)站前端開發(fā)效率和質量的關鍵優(yōu)化措施之一。DNS查詢次數(shù)過多或者過少，都并不能有效呈現(xiàn)前端網(wǎng)頁的全部功能，還可能會產(chǎn)生一些解析錯誤等問題。DNS查詢次數(shù)和前端網(wǎng)頁中的域名數(shù)量呈現(xiàn)正相關的趨勢，因此在封裝前端頁面的鏈接對象和實例過程中，需要進一步優(yōu)化掉不必要的域名數(shù)量，并減少DNS查詢次數(shù)，才能夠有效提升網(wǎng)頁客戶端的系統(tǒng)響應速度。優(yōu)化DNS查詢次數(shù)，也能夠間接影響到并行下載數(shù)量變化等問題，因此可以融合應用CDN網(wǎng)絡架構或者SDN網(wǎng)絡架構，逐步降低前端頁面的響應時間成本。優(yōu)化DNS查詢次數(shù)，需要根據(jù)具體的解析時間和頻率設定對應的優(yōu)化方法，并對靜態(tài)和動態(tài)網(wǎng)頁的本地緩存效率進行有效計算，并將域名的具體分配規(guī)則進行全局化設定。尤其對于涉及后端數(shù)據(jù)信息處理功能的計算機網(wǎng)站前端頁面而言，優(yōu)化DNS解析次數(shù)，還能夠有效清空本地用戶的網(wǎng)站緩存資源和內容，并對網(wǎng)頁的動態(tài)響應速度和時間進行有效優(yōu)化。

5 結語

在計算機網(wǎng)站的前端開發(fā)技術領域內，需要根據(jù)不同的業(yè)務系統(tǒng)開發(fā)場景，選擇對應的前端開發(fā)技術和工具，并對網(wǎng)頁布局的基本樣式進行全面整合。在優(yōu)化和完善網(wǎng)站的前端開發(fā)技術過程中，需要根據(jù)特定的網(wǎng)絡架構模式和本地解析路徑，并對網(wǎng)站緩存和資源的處理策略進行有效優(yōu)化。前端開發(fā)技術的組合優(yōu)化與應用，還需要建立在滿足用戶并發(fā)需求和系統(tǒng)響應需求的基礎之上。