劉 晶,齊紅波
(石家莊工程職業(yè)學(xué)院,河北 石家莊 050061)
前端開(kāi)發(fā)指的是通過(guò)創(chuàng)設(shè)APP或者Web頁(yè)面將前端界面呈現(xiàn)給網(wǎng)絡(luò)用戶的過(guò)程,如運(yùn)用超文本標(biāo)記語(yǔ)言(HyperText Markup Language,HTML)、層疊樣式表(Cascading Style Sheets,CSS)、JavaScript等開(kāi)發(fā)技術(shù),實(shí)現(xiàn)網(wǎng)絡(luò)產(chǎn)品和用戶界面的交互。傳統(tǒng)網(wǎng)絡(luò)界面呈現(xiàn)內(nèi)容以靜態(tài)圖片和文字等方式為主。隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展,為滿足網(wǎng)絡(luò)用戶的高要求,網(wǎng)站具有了更加豐富的內(nèi)容、功能和交互效果,極大地滿足了人們對(duì)網(wǎng)站的需求[1]。
計(jì)算機(jī)網(wǎng)絡(luò)前端開(kāi)發(fā)技術(shù)具體包括HTML,CSS,JavaScript等。(1)HTML,在網(wǎng)頁(yè)設(shè)計(jì)中的作用集中體現(xiàn)在優(yōu)化網(wǎng)頁(yè)排版上,既可以清晰地呈現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu),又可以增強(qiáng)網(wǎng)頁(yè)的表現(xiàn)效果,給網(wǎng)絡(luò)用戶帶來(lái)更佳的體驗(yàn)。(2)CSS,作為分離網(wǎng)頁(yè)內(nèi)容和樣式的語(yǔ)言,在網(wǎng)站中的主要作用是控制網(wǎng)頁(yè)樣式,具有運(yùn)行獨(dú)立、抗干擾性強(qiáng)、維護(hù)便利等優(yōu)勢(shì)[2]。(3)JavaScript,作為腳本語(yǔ)言,使網(wǎng)頁(yè)可以在獨(dú)立于服務(wù)器的情況下,實(shí)現(xiàn)用戶與網(wǎng)頁(yè)之間的有效交互[3]。
首先,制作網(wǎng)站時(shí),不同的基礎(chǔ)性技術(shù)在計(jì)算機(jī)前端開(kāi)發(fā)中發(fā)揮著不同的作用,其中,HTML主要用于實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容的訪問(wèn),CSS主要用于實(shí)現(xiàn)網(wǎng)頁(yè)站點(diǎn)的構(gòu)建和網(wǎng)頁(yè)的美化等。計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)設(shè)計(jì)中,內(nèi)容比較廣泛,具體包括網(wǎng)頁(yè)內(nèi)容、網(wǎng)站挑戰(zhàn)、用戶體驗(yàn)等。同時(shí),為有效提高計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)效率和質(zhì)量,往往對(duì)開(kāi)發(fā)人員有一定的要求,具體如下:(1)熟練運(yùn)用網(wǎng)站開(kāi)發(fā)工具。(2)立足于網(wǎng)絡(luò)用戶需求,不斷開(kāi)發(fā)出新的功能,用于滿足網(wǎng)絡(luò)用戶網(wǎng)站訪問(wèn)后的多樣化需求,確保網(wǎng)站可以給網(wǎng)絡(luò)用戶提供最佳體驗(yàn)感。
其次,計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)過(guò)程中,為進(jìn)一步提高網(wǎng)頁(yè)訪問(wèn)的安全性,需要采取以一定的措施,防止權(quán)限外的人訪問(wèn)網(wǎng)站。如在計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)中,通過(guò)增設(shè)身份驗(yàn)證控制系統(tǒng)來(lái)設(shè)置訪問(wèn)權(quán)限,同時(shí),為防止網(wǎng)站信息被竊取,可在網(wǎng)站中設(shè)置安全管理系統(tǒng),以在網(wǎng)站運(yùn)行過(guò)程中有效規(guī)避網(wǎng)絡(luò)病毒的侵害。在網(wǎng)站中設(shè)計(jì)病毒自動(dòng)識(shí)別功能,即在網(wǎng)站運(yùn)行過(guò)程中,自動(dòng)發(fā)揮病毒查殺功能清除網(wǎng)站中的病毒,為計(jì)算機(jī)用戶提供良好的網(wǎng)站環(huán)境,提高網(wǎng)站安全水平。
最后,在計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)中,瀏覽器兼容問(wèn)題十分突出。對(duì)此,可以加強(qiáng)前端技術(shù)的應(yīng)用,如運(yùn)用CSS工具進(jìn)一步完善程序。
信息化技術(shù)的快速發(fā)展為計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)技術(shù)應(yīng)用優(yōu)化提供了技術(shù)保障,也為開(kāi)發(fā)技術(shù)的深度拓展應(yīng)用提供了保障。然而,當(dāng)前,計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)技術(shù)應(yīng)用中出現(xiàn)了一系列問(wèn)題,如網(wǎng)頁(yè)效果欠佳、網(wǎng)頁(yè)運(yùn)行速度慢等,無(wú)法給網(wǎng)絡(luò)用戶良好體驗(yàn),也對(duì)網(wǎng)站運(yùn)營(yíng)產(chǎn)生了負(fù)面影響?,F(xiàn)實(shí)操作中,要想有效解決此類問(wèn)題,具有一定的難度,集中表現(xiàn)在如下幾個(gè)方面:
首先,為有效提高服務(wù)器運(yùn)行效率,通常需要依據(jù)HTTP協(xié)議的要求約束服務(wù)器、客戶端等構(gòu)建的并發(fā)連接數(shù),若構(gòu)建的持續(xù)數(shù)在兩個(gè)以上,會(huì)讓用戶在瀏覽網(wǎng)頁(yè)時(shí),同時(shí)發(fā)出多個(gè)請(qǐng)求,服務(wù)器同時(shí)面對(duì)多個(gè)用戶請(qǐng)求,無(wú)法同步響應(yīng),使得服務(wù)器出現(xiàn)擁堵現(xiàn)象,網(wǎng)頁(yè)更新緩慢,難以給用戶帶來(lái)良好的體驗(yàn)[3]。
其次,用戶在訪問(wèn)網(wǎng)站時(shí),輸入請(qǐng)求到頁(yè)面呈現(xiàn)出來(lái),計(jì)算機(jī)前端服務(wù)器會(huì)被限制,如IP地址解析時(shí)出現(xiàn)此類問(wèn)題,直接加大了計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)設(shè)計(jì)的優(yōu)化難度。
最后,當(dāng)前計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)過(guò)程缺乏完善的標(biāo)準(zhǔn),且新科技的出現(xiàn)給計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)人員提出了更高的要求,除了擁有專業(yè)的開(kāi)發(fā)技術(shù)和能力,還需要立足于網(wǎng)絡(luò)用戶的個(gè)性化需求,創(chuàng)新開(kāi)發(fā)一些新型功能,以期給用戶更佳的網(wǎng)絡(luò)體驗(yàn)。
計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)的目的在于通過(guò)頁(yè)面?zhèn)鬟f對(duì)用戶有價(jià)值的信息。在當(dāng)今的信息化時(shí)代,人們對(duì)信息獲取速度要求較高,若用戶在訪問(wèn)網(wǎng)站過(guò)程中無(wú)法快速獲取信息,則會(huì)產(chǎn)生不良體驗(yàn)的印象,對(duì)網(wǎng)絡(luò)的長(zhǎng)遠(yuǎn)發(fā)展必然會(huì)產(chǎn)生一系列負(fù)面影響。因此,開(kāi)發(fā)人員加強(qiáng)計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)技術(shù)的優(yōu)化,具有十分重要的現(xiàn)實(shí)意義。
鑒于網(wǎng)站中的文件具有內(nèi)容復(fù)雜、繁瑣等特征,為更好地呈現(xiàn)網(wǎng)頁(yè)內(nèi)容,有必要進(jìn)行優(yōu)化,而優(yōu)化過(guò)程具有較大難度。針對(duì)此類問(wèn)題,計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)中可采取HTML,CSS,JavaScript等基礎(chǔ)性技術(shù),優(yōu)化文件規(guī)模部分內(nèi)容。鑒于文件中的代碼包含大量信息,可利用HTML的標(biāo)簽剔除一些無(wú)價(jià)值的內(nèi)容,以提高瀏覽器處理效率,保證瀏覽器穩(wěn)定運(yùn)行,同時(shí),有效規(guī)避內(nèi)聯(lián)方式。
需強(qiáng)調(diào)的是,運(yùn)用HTML標(biāo)簽剔除無(wú)價(jià)值內(nèi)容時(shí),需依據(jù)網(wǎng)站具體情況,考慮網(wǎng)絡(luò)用戶的真實(shí)需求,將其控制在一定的范圍內(nèi),才能保證該項(xiàng)技術(shù)發(fā)揮出既有效能。另外,CSS代碼的優(yōu)化,往往可以依據(jù)網(wǎng)絡(luò)用戶瀏覽器習(xí)慣和個(gè)性化需求,進(jìn)行前端開(kāi)發(fā)的優(yōu)化。
為給網(wǎng)絡(luò)用戶訪問(wèn)網(wǎng)頁(yè)提供最佳的體驗(yàn)感,要保證網(wǎng)站中的網(wǎng)頁(yè)高效、穩(wěn)定運(yùn)行,對(duì)此,往往可以通過(guò)內(nèi)容優(yōu)化的方式來(lái)實(shí)現(xiàn),具體操作過(guò)程中,要遵循內(nèi)容優(yōu)化特殊性原則,綜合考慮各項(xiàng)因素。
首先,以樣式表為內(nèi)容優(yōu)化的主體,若樣式處于頂部,一般將Script置于底部。鑒于CSS具有覆蓋疊成特點(diǎn),在具體優(yōu)化操作中,需重復(fù)考慮語(yǔ)言特點(diǎn)。
其次,用戶輸入請(qǐng)求之后,瀏覽器呈現(xiàn)出用戶所需要的各項(xiàng)信息,為進(jìn)一步增強(qiáng)用戶體驗(yàn)感,往往會(huì)對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行渲染處理,以增強(qiáng)網(wǎng)頁(yè)信息表現(xiàn)效果和感染力。
最后,為保證用戶在訪問(wèn)網(wǎng)站時(shí)具有良好的體驗(yàn)感,需要進(jìn)一步提高頁(yè)面加載速度。
用戶在訪問(wèn)網(wǎng)頁(yè)時(shí),之所以會(huì)產(chǎn)生不良的體驗(yàn),是因?yàn)榫W(wǎng)頁(yè)中HTTP請(qǐng)求消耗時(shí)間較長(zhǎng),或者存在一些沒(méi)有價(jià)值的請(qǐng)求。因此,為給予用戶更佳的體驗(yàn),計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)工作人員要對(duì)用戶請(qǐng)求數(shù)量加以嚴(yán)格控制。鑒于每一個(gè)完整的HTTP請(qǐng)求涉及多個(gè)環(huán)節(jié),且每一個(gè)環(huán)節(jié)都要耗費(fèi)一定的時(shí)間判斷用戶請(qǐng)求信息,使得用戶在訪問(wèn)網(wǎng)頁(yè)時(shí),需要消耗較長(zhǎng)時(shí)間等待網(wǎng)頁(yè)內(nèi)容的呈現(xiàn),不僅無(wú)法讓用戶產(chǎn)生良好的體驗(yàn)感,還會(huì)浪費(fèi)用戶大量寶貴時(shí)間。對(duì)此,計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)工作人員要對(duì)HTTP請(qǐng)求數(shù)量進(jìn)行控制,如將多個(gè)文件有機(jī)整合在一起,用戶在訪問(wèn)時(shí),只需要執(zhí)行一次操作即可打開(kāi)所有的文件。除此之外,用戶在訪問(wèn)網(wǎng)頁(yè)時(shí)經(jīng)常出現(xiàn)網(wǎng)頁(yè)無(wú)反應(yīng)、網(wǎng)頁(yè)崩潰等問(wèn)題,使用戶體驗(yàn)效果欠佳。
上述問(wèn)題的出現(xiàn)是因?yàn)榫W(wǎng)站運(yùn)行中存在以下兩方面的影響因素:(1)用戶搜索內(nèi)容不存在,頁(yè)面無(wú)法將用戶請(qǐng)求的信息以文件形式呈現(xiàn)出來(lái)。(2)網(wǎng)站對(duì)用戶請(qǐng)求的處理速度較慢,需要耗費(fèi)更長(zhǎng)的時(shí)間才能將用戶所需要的信息呈現(xiàn)出來(lái)。對(duì)此,計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)工作人員需要進(jìn)一步提高網(wǎng)頁(yè)運(yùn)行速度,為用戶提供更佳的網(wǎng)站服務(wù)。
計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)工作人員有必要具體了解計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)技術(shù)的應(yīng)用及困境,才能在實(shí)踐中整合文件、優(yōu)化內(nèi)容、控制用戶請(qǐng)求數(shù)量等,進(jìn)一步優(yōu)化計(jì)算機(jī)網(wǎng)站前端開(kāi)發(fā)技術(shù),以此滿足用戶需求。