摘 要：隨著網(wǎng)絡(luò)信息化的快速發(fā)展，越來越多的人借助互聯(lián)網(wǎng)獲取相關(guān)數(shù)據(jù)、信息，這要求計算機網(wǎng)站前端開發(fā)技術(shù)應(yīng)不斷的更新，使其網(wǎng)站的功能、內(nèi)容等更加豐富。文章介紹了前端開發(fā)與計算機網(wǎng)站前端開發(fā)技術(shù)相關(guān)概念，對計算機網(wǎng)站前端開發(fā)技術(shù)發(fā)展和優(yōu)化面臨的困境進(jìn)行分析，并提出計算機網(wǎng)站前端開發(fā)技術(shù)該如何有效優(yōu)化，希望為計算機網(wǎng)站前端開發(fā)技術(shù)優(yōu)化提供參考。

關(guān)鍵詞：計算機網(wǎng)站;前端開發(fā)技術(shù);優(yōu)化

在互聯(lián)網(wǎng)發(fā)展的影響下，人們?yōu)榱嗽谟邢迺r間中獲取大量的信息，對計算機網(wǎng)站內(nèi)容、信息呈現(xiàn)速度等要求逐漸高。傳統(tǒng)網(wǎng)站呈現(xiàn)給用戶的內(nèi)容、功能等比較單一，人機交互效果并不理想，為了解決這些問題，對計算機網(wǎng)站前端開發(fā)技術(shù)不斷優(yōu)化，以適應(yīng)當(dāng)前用戶對網(wǎng)站的要求極為必要。

1 計算機網(wǎng)站前端開發(fā)技術(shù)相關(guān)概述

1.1 前端開發(fā)基本定義

前端開發(fā)指通過Web頁面或者APP等創(chuàng)建將前端界面呈現(xiàn)給用戶的過程，比如借助HTML，CSS，JavaScript等基礎(chǔ)技術(shù)，實現(xiàn)網(wǎng)絡(luò)產(chǎn)品用戶界面交互。傳統(tǒng)網(wǎng)站的內(nèi)容以靜止的圖片、文字等展示出來，伴隨著網(wǎng)絡(luò)技術(shù)的不斷提升和用戶高要求的出現(xiàn)，目前網(wǎng)站呈現(xiàn)給用戶更加美觀、功能更加強大的交互效果。

1.2 計算機前端開發(fā)技術(shù)

首先，HTML作為一種超文本標(biāo)記語言，當(dāng)前網(wǎng)頁設(shè)計中主要以HTML5為主，能夠?qū)⒕W(wǎng)頁中結(jié)構(gòu)清晰體現(xiàn)出來，網(wǎng)頁排版的效果更加簡潔明了，以帶給用戶更好的體驗效果。其次，CSS作為一種能夠?qū)⒕W(wǎng)頁內(nèi)容、樣式等進(jìn)行分離的語言，在網(wǎng)站中可以起到控制網(wǎng)頁樣式的作用，具有易維護(hù)、內(nèi)容獨立運行等方面的優(yōu)勢。最后，JavaScript作為腳本語言能夠使網(wǎng)頁在脫離服務(wù)器的條件下，實現(xiàn)用戶與網(wǎng)頁的有效交互[1]。

2 計算機網(wǎng)站前端開發(fā)技術(shù)的應(yīng)用及優(yōu)化難度分析

2.1 計算機前端開發(fā)技術(shù)的應(yīng)用

首先，在網(wǎng)站制作的過程中，計算機前端開發(fā)中網(wǎng)頁內(nèi)容的訪問主要利用HTML技術(shù)來實現(xiàn)，對于網(wǎng)頁站點的構(gòu)建和頁面的美化等主要通過CSS技術(shù)來實現(xiàn)，而不同網(wǎng)頁內(nèi)容、網(wǎng)站跳轉(zhuǎn)以及用戶體驗則是整個計算機網(wǎng)站前端開發(fā)設(shè)計的重要內(nèi)容。同時，在計算機網(wǎng)站前端開發(fā)中，要求開發(fā)人員能夠熟練使用開發(fā)工具，以確保開發(fā)的質(zhì)量和效率，并站在用戶使用和體驗的角度，不斷開發(fā)出新的功能來滿足用戶網(wǎng)頁瀏覽多元化的需求，在保證用戶訪問速度穩(wěn)定、快速的基礎(chǔ)上實現(xiàn)自動化瀏覽、搜索等功能。

其次，在計算機網(wǎng)站技術(shù)開發(fā)中，為了防止權(quán)限之外人員的訪問，應(yīng)對網(wǎng)頁設(shè)置非法訪問功能和增強網(wǎng)站殺毒軟件的功能[2]，比如，在前端開發(fā)中對訪問權(quán)限進(jìn)行設(shè)置，發(fā)揮身份認(rèn)證控制系統(tǒng)功能，同時設(shè)置移動IP安全管理系統(tǒng)，防止信息被竊取。所設(shè)置的安全密碼和保護(hù)系統(tǒng)能夠防止網(wǎng)絡(luò)病毒的入侵，如所設(shè)計的病毒自動識別功能，一旦識別出網(wǎng)站中存在病毒，會發(fā)揮自動查殺的作用清除該病毒，為計算機網(wǎng)站提供良好的使用環(huán)境，一定程度提升網(wǎng)絡(luò)安全性能。

最后，為了解決瀏覽器兼容問題，在計算機網(wǎng)站前端開發(fā)中有效利用前端技術(shù)，比如：利用CSS工具對反應(yīng)時間、運轉(zhuǎn)程序等進(jìn)行完善，在對獨立反應(yīng)程序進(jìn)行設(shè)置的基礎(chǔ)上，對計算機前端鏈進(jìn)行有效處理。

2.2 計算機前端開發(fā)技術(shù)優(yōu)化面臨的困境

在當(dāng)前信息化技術(shù)不斷更新的影響下，為計算機網(wǎng)站前端開發(fā)技術(shù)的優(yōu)化提供了廣闊空間，促使開發(fā)技術(shù)的使用范圍和深度擴展，但在具體使用中還存在一定問題，比如網(wǎng)頁打開的速度較慢、用戶操作以及網(wǎng)頁美觀程度受限等問題，給用戶使用帶來不便，間接影響網(wǎng)站，造成運營困擾。而解決這一問題存在一定難度，具體體現(xiàn)在以下方面：

首先，為了防止服務(wù)器擁堵情況的發(fā)生，需要根據(jù)HTTP協(xié)議要求約束服務(wù)器、客戶端等構(gòu)建的并發(fā)連接數(shù)[3]，所構(gòu)建的持續(xù)連接數(shù)在兩個以上，但采取這樣的措施會造成用戶在瀏覽網(wǎng)頁過程中，同時發(fā)出多個請求，面對多個用戶請求，服務(wù)器無法進(jìn)行響應(yīng)，間接性導(dǎo)致HTTP請求發(fā)生擁堵的現(xiàn)象。

其次，當(dāng)用戶在瀏覽器界面進(jìn)行輸入請求到頁面呈現(xiàn)出來的過程中，計算器網(wǎng)站前端服務(wù)器或者瀏覽器結(jié)構(gòu)會被限制，比如IP地址解析或請求命令發(fā)生等過程中會出現(xiàn)這種情況，造成計算機網(wǎng)站前端開發(fā)設(shè)計優(yōu)化的難度增加。

最后，由于當(dāng)前計算機網(wǎng)站前端開發(fā)相關(guān)規(guī)定、標(biāo)準(zhǔn)等還不完善，伴隨著新型設(shè)備、技術(shù)的出現(xiàn)，對于計算機網(wǎng)站前端開發(fā)人員提出了更高要求，不僅要具備專業(yè)的開發(fā)技術(shù)和能力，而且能夠站在使用者的角度對開發(fā)功能進(jìn)行創(chuàng)新。

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

計算機網(wǎng)站中頁面存在的價值是對用戶信息進(jìn)行有效傳遞，在當(dāng)前信息化快速發(fā)展的大環(huán)境下，用戶對獲取信息、呈現(xiàn)信息的速度要求較高，如果訪問相關(guān)網(wǎng)站信息獲取的速度較慢，會給用戶留下不良體驗印象，對該網(wǎng)站長期發(fā)展造成不利影響。為了解決這些問題，對當(dāng)前計算機網(wǎng)站前端開發(fā)進(jìn)行優(yōu)化具有一定必要性。

3.1 將文件進(jìn)行整合以實現(xiàn)瀏覽器穩(wěn)定運行

由于文件規(guī)模相對較復(fù)雜、內(nèi)容較瑣碎，在對該方面進(jìn)行優(yōu)化的過程中面臨一定困境。面對這種現(xiàn)狀，可以利用CSS，JavaScript對文件規(guī)模部分內(nèi)容進(jìn)行優(yōu)化，由于文件中代碼包含的信息較多，與用戶網(wǎng)頁瀏覽體驗效果有著密切關(guān)系，對于這方面的優(yōu)化，可以結(jié)合HTML標(biāo)簽進(jìn)行合理化剔除，一方面，可以保證瀏覽器的穩(wěn)定運行[4];另一方面，可以防止內(nèi)聯(lián)方式的出現(xiàn)。對于CSS代碼的優(yōu)化，可以結(jié)合用戶瀏覽習(xí)慣和需求，通過前端開發(fā)進(jìn)行優(yōu)化。

針對HTML標(biāo)簽剔除的優(yōu)化，需要結(jié)合具體情況將剔除控制在有效范圍之內(nèi)，技術(shù)的有效性才能實現(xiàn)。

3.2 結(jié)合開發(fā)技術(shù)的特點調(diào)整其內(nèi)容

為了確保網(wǎng)站中網(wǎng)頁的穩(wěn)定、高效運行，可以通過優(yōu)化內(nèi)容的方式來實現(xiàn)，在具體實施中，需要結(jié)合內(nèi)容優(yōu)化的特殊性原則全面考慮各方面的影響因素。首先，需要以樣式表為內(nèi)容優(yōu)化的主體，比如當(dāng)樣式處于頂部位置時，一般將Script置于底部。對于CSS方面內(nèi)容的優(yōu)化，由于這種語言具有覆蓋疊成的特點，需要結(jié)合這一特點進(jìn)行具體優(yōu)化操作。其次，在瀏覽器將用戶所搜索的信息或者數(shù)據(jù)呈現(xiàn)出來的過程中，為了增強用戶的體驗感，會有效對網(wǎng)頁內(nèi)容進(jìn)行渲染，針對這一現(xiàn)象，在對相關(guān)內(nèi)容進(jìn)行優(yōu)化的時候，需要結(jié)合這種特點進(jìn)行實際操作。

為了保證用戶頁面下載更加快速和流暢，需要保證腳本語言不會阻礙頁面效果的呈現(xiàn)，一定程度可以確?？焖傧螺d，避免出現(xiàn)頁面延長、加載時間過長的情況發(fā)生。

3.3 對請求數(shù)量進(jìn)行有效控制

針對網(wǎng)頁中HTTP請求消耗時間比較長，或者存在一些不必要的請求等情況，要求計算機前端開發(fā)人員對這方面進(jìn)行改進(jìn)。由于每個完整的HTTP請求涉及的環(huán)節(jié)較多，每一環(huán)節(jié)都需要一定的時間來判斷用戶所發(fā)出的信息，用戶在使用中需要消耗較長時間去等待頁面的呈現(xiàn)，造成用戶時間被浪費。面對這種現(xiàn)象，要求前端開發(fā)人員對HTTP請求的數(shù)量進(jìn)行有效控制，比如將多個不同文件進(jìn)行整合，使其成為一個文件，通過一次操作就可以實現(xiàn)文件的打開。

用戶在使用過程中，一般會出現(xiàn)網(wǎng)頁界面無反應(yīng)、頁面崩潰等情況，使用戶的體驗效果降低，造成這種現(xiàn)象的主要因素包括兩方面：一方面，可能是用戶搜索的內(nèi)容不存在，頁面無法將對應(yīng)的文件呈現(xiàn)出來;另一方面，對請求處理的速度較慢，需要消耗長時間才能將用戶所需要的信息呈現(xiàn)出來。面對這些情況，要求前端開發(fā)人員提供網(wǎng)頁運行的速度，減少或者避免請求方面出錯的概率，促使服務(wù)器與頁面之間的聯(lián)系加強，從而更好地為用戶服務(wù)。

3.4 縮短用戶等待時間

由于用戶要求網(wǎng)頁能夠快速將所需要的信息呈現(xiàn)出來，實際DNS解析需要耗費一定的時間，用戶需要等待才能獲取所需要的信息，比較頻繁的發(fā)出DNS解析請求，使得解析時間延長，對信息傳輸?shù)馁|(zhì)量造成一定影響。因此，要求前端技術(shù)人員對DNS查詢的請求進(jìn)行有效控制，促使用戶體驗增強。讓用戶等待時間過長的另一個因素是重新定向，每次進(jìn)行重新定向操作會造成請求的次數(shù)、時間增加，因此，需要盡可能減少重新定向操作。

為了提高網(wǎng)頁管理工作的質(zhì)量，要求大量前端技術(shù)人才的支持，比如通過定期培訓(xùn)、學(xué)習(xí)等方面提高內(nèi)部技術(shù)人員專業(yè)能力，對技術(shù)人員進(jìn)行相關(guān)考核。也可以通過提高技術(shù)人員選拔門檻的方式，確保所選拔的人才能夠適應(yīng)前端技術(shù)開發(fā)崗位需求。

4 結(jié)語

隨著用戶對網(wǎng)站要求不斷提升，使得計算機網(wǎng)站前端開發(fā)技術(shù)的不斷更新和升級，為用戶帶來更加滿意的體驗。同時，在具體的前端開發(fā)過程中，需要站在用戶使用的角度，對當(dāng)前前端開發(fā)技術(shù)進(jìn)行改進(jìn)，對網(wǎng)站的內(nèi)容、功能等進(jìn)行豐富，為用戶信息的交互傳遞等提供便捷性，促使用戶體驗的滿意度提升。

作者簡介：陳紅衛(wèi)（1983— ），女，江蘇鹽城人，講師，學(xué)士;研究方向：計算機軟件。

[參考文獻(xiàn)]

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

[2]周文君.基于網(wǎng)站制作的Web前端開發(fā)技術(shù)與優(yōu)化[J].電子技術(shù)與軟件工程，2017（10）：60.

[3]宋凌霄.基于網(wǎng)站制作的Web前端開發(fā)設(shè)計[J].計算機產(chǎn)品與流通，2019（1）：43.

[4]吳睿.Web前端開發(fā)技術(shù)以及優(yōu)化研究[J].中國新通信，2016（17）：63.

Analysis of front-end development technology and?optimization measures of computer website

Chen Hongwei

（College of Information Engineering， Jiangsu Province Xuzhou Technician College， Xuzhou 221000， China）

Abstract：With the rapid development of network informatization， more and more people use the Internet to obtain relevant data and information， which requires the computer website front-end development technology to constantly update， so that the function and content of the website are more abundant. This paper introduces the concepts related to the front-end development and the computer website front-end development technology， analyzes the difficulties faced by the development and optimization of the computer website front-end development technology， and puts forward how to effectively optimize the computer website front-end development technology， hoping to provide a reference for the optimization of the computer website front-end development technology.

Key words：computer website; front-end development technology; optimization