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

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

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

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

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

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

1.2 計(jì)算機(jī)前端開(kāi)發(fā)技術(shù)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.4 縮短用戶(hù)等待時(shí)間

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

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

4 結(jié)語(yǔ)

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

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

[參考文獻(xiàn)]

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

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

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

[4]吳睿.Web前端開(kāi)發(fā)技術(shù)以及優(yōu)化研究[J].中國(guó)新通信，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