王智棟，索 晉

（山西應(yīng)用科技學(xué)院 山西 太原 030000）

1 引言

雖然我國(guó)Web技術(shù)已經(jīng)得到了長(zhǎng)遠(yuǎn)的發(fā)展，但針對(duì)當(dāng)前的運(yùn)行情況來(lái)看仍然存在著一定問(wèn)題，因此，應(yīng)實(shí)施有針對(duì)性的優(yōu)化措施，進(jìn)而推動(dòng)該技術(shù)趨于成熟。在實(shí)際應(yīng)用的過(guò)程中，應(yīng)更好地把握Web技術(shù)的性質(zhì)與特點(diǎn)，通過(guò)對(duì)實(shí)踐經(jīng)驗(yàn)進(jìn)行積累來(lái)達(dá)到提升開(kāi)發(fā)效率以及質(zhì)量的目的。因此，相關(guān)技術(shù)人員應(yīng)從Web技術(shù)應(yīng)用的實(shí)際情況入手，加強(qiáng)對(duì)其具體開(kāi)發(fā)過(guò)程的研究，保證在提升技術(shù)水平的基礎(chǔ)上進(jìn)一步降低成本。

2 Web開(kāi)發(fā)技術(shù)在軟件工程中的特點(diǎn)

2.1 與平臺(tái)沒(méi)有關(guān)系

結(jié)合其實(shí)際應(yīng)用情況來(lái)看，在通過(guò)Internet完成對(duì)www訪問(wèn)的過(guò)程中是不會(huì)受到平臺(tái)的限制的，也就是無(wú)論使用什么系統(tǒng)平臺(tái)都可以完成該操作。同時(shí)，也正是因?yàn)闆](méi)有這樣的限制，使得通過(guò)Windows、Unix、Macintosh等都可成功訪問(wèn)[1]。

2.2 圖形化

圖形化是Web技術(shù)的重要特點(diǎn)，通過(guò)給人們工作生活帶來(lái)便利，該項(xiàng)技術(shù)的總體發(fā)展也迎來(lái)了高潮。在Web技術(shù)最初開(kāi)始使用的時(shí)候，往往只能通過(guò)文本進(jìn)行信息傳遞，但隨著互聯(lián)網(wǎng)技術(shù)的不斷興起，Web技術(shù)的應(yīng)用范圍不斷擴(kuò)大，整體的功能性也出現(xiàn)了明顯改變?？傮w來(lái)看，Web技術(shù)的功能更加復(fù)雜，同時(shí)在進(jìn)行信息傳遞的時(shí)候還引入了圖片、音頻、視頻等多種形式，這也是相關(guān)技術(shù)發(fā)展過(guò)程中的巨大跨越。除此以外，Web技術(shù)在操作過(guò)程中也變得更加簡(jiǎn)便，只需要點(diǎn)擊鏈接就可以完成頁(yè)面與頁(yè)面之間的跳轉(zhuǎn)，同時(shí)在進(jìn)行網(wǎng)站切換的時(shí)候也可以通過(guò)同樣的原理與方法完成。

2.3 動(dòng)態(tài)化與分布式

在實(shí)際對(duì)信息系統(tǒng)進(jìn)行應(yīng)用的時(shí)候，此項(xiàng)技術(shù)還會(huì)展現(xiàn)出動(dòng)態(tài)性的特點(diǎn)，這主要是為了實(shí)現(xiàn)信息傳遞效率的提升。不論是音頻還是視頻，在傳遞之前都很難對(duì)其大小進(jìn)行判斷，這就很容易出現(xiàn)加載過(guò)程占據(jù)空間過(guò)大的問(wèn)題，從而造成整體運(yùn)行過(guò)程的不通暢。因此，在實(shí)際對(duì)相關(guān)技術(shù)進(jìn)行創(chuàng)新開(kāi)發(fā)的過(guò)程中，應(yīng)將不同信息分散到不同站點(diǎn)中進(jìn)行調(diào)用，避免出現(xiàn)因大量信息聚集而限制系統(tǒng)運(yùn)行的問(wèn)題。在進(jìn)行技術(shù)體驗(yàn)的過(guò)程中，應(yīng)充分結(jié)合該技術(shù)自身特點(diǎn)，通過(guò)吸引更多用戶來(lái)實(shí)現(xiàn)其應(yīng)用范圍的不斷擴(kuò)大。值得注意的是，在對(duì)此項(xiàng)技術(shù)進(jìn)行研發(fā)的時(shí)候還應(yīng)盡可能保持其運(yùn)行的穩(wěn)定性，同時(shí)在瀏覽站點(diǎn)的過(guò)程中應(yīng)保證信息傳遞的高效穩(wěn)定，進(jìn)而才可以獲得更加廣泛的認(rèn)可與應(yīng)用。

2.4 交互性與可測(cè)試性

Web技術(shù)當(dāng)中的交互性主要體現(xiàn)在其中蘊(yùn)含的超鏈接上，用戶可以通過(guò)這樣的超鏈接完成站點(diǎn)訪問(wèn)，而具體訪問(wèn)的站點(diǎn)內(nèi)容則是由用戶決定。與此同時(shí)，在Web產(chǎn)品應(yīng)用過(guò)程中對(duì)穩(wěn)定性和便捷性也提出了更高的要求，從而應(yīng)保證其具備穩(wěn)定的可測(cè)試性。

3 Web開(kāi)發(fā)技術(shù)前端優(yōu)化的特點(diǎn)、限制因素與解決措施

3.1 特點(diǎn)

在Web前端開(kāi)發(fā)技術(shù)運(yùn)行的過(guò)程中往往會(huì)涉及不同技術(shù)組合的模塊，同時(shí)可以看出HTML語(yǔ)法在實(shí)際實(shí)施的時(shí)候并沒(méi)有發(fā)揮強(qiáng)大的作用，這也導(dǎo)致了在編寫(xiě)過(guò)程中會(huì)出現(xiàn)語(yǔ)法結(jié)構(gòu)較為松散的情況，這也是運(yùn)行過(guò)程中較為常見(jiàn)的問(wèn)題。然而在實(shí)際運(yùn)行的時(shí)候，在沒(méi)有嚴(yán)格要求的情況下可以對(duì)標(biāo)記實(shí)施有效管理，同時(shí)不需要對(duì)大小寫(xiě)等內(nèi)容進(jìn)行嚴(yán)格要求，從而最大限度地提升軟件運(yùn)行的流暢性?？傮w來(lái)說(shuō)，Web前端開(kāi)發(fā)技術(shù)的整個(gè)編寫(xiě)過(guò)程難度較低，在不能使用JavaScript語(yǔ)言的情況下還可以通過(guò)HTML語(yǔ)言進(jìn)行軟件設(shè)計(jì)，只需要一些便捷的操作就可以完成整體流程[2]。

3.2 限制因素

現(xiàn)階段，在Web技術(shù)運(yùn)行過(guò)程中對(duì)于前端優(yōu)化的研究仍然存在一定的空白之處，其中最主要的限制因素主要體現(xiàn)在以下幾方面：（1）Browser/Server結(jié)構(gòu)問(wèn)題。在Browser/Server結(jié)構(gòu)用戶瀏覽網(wǎng)頁(yè)的過(guò)程中往往需要經(jīng)歷以下步驟，分別是輸出網(wǎng)頁(yè)URL—解析IP地址—發(fā)送訪問(wèn)請(qǐng)求—確定資源文件—完成服務(wù)器反饋—發(fā)送HTML文件—接收HTML文件—請(qǐng)求資源文件—確認(rèn)資源文件—發(fā)送資源文件—確認(rèn)接收。只有完成以上步驟才可以最終完成整體訪問(wèn)過(guò)程，因此Browser/Server結(jié)構(gòu)問(wèn)題也就成了Web技術(shù)開(kāi)發(fā)過(guò)程中的重要問(wèn)題。（2）瀏覽器連接問(wèn)題。為最大限度地提升服務(wù)器運(yùn)行的通暢性，HTTP協(xié)議中對(duì)服務(wù)器和客戶端之間連接數(shù)量進(jìn)行了明確規(guī)定，從而有效保證在同一個(gè)時(shí)間點(diǎn)內(nèi)二者之間的連接數(shù)只有一個(gè)。然而結(jié)合從實(shí)際的訪問(wèn)、運(yùn)行情況來(lái)看，Web頁(yè)面很多時(shí)候都會(huì)出現(xiàn)二次連接的問(wèn)題，從而也給軟件的運(yùn)行過(guò)程帶來(lái)不好的影響。

3.3 解決措施

針對(duì)現(xiàn)階段存在的問(wèn)題，主要可以從服務(wù)器、HTTP請(qǐng)求以及Ajax等環(huán)節(jié)入手，并有效針對(duì)Browser/Server結(jié)構(gòu)進(jìn)行優(yōu)化。首先，站在服務(wù)器的角度上來(lái)說(shuō)，可以通過(guò)優(yōu)化Web網(wǎng)頁(yè)域名等方法來(lái)實(shí)現(xiàn)整體運(yùn)行過(guò)程的優(yōu)化，而當(dāng)前Web服務(wù)器當(dāng)中最常見(jiàn)的種類就是塔式服務(wù)器以及機(jī)架式服務(wù)器；其次，針對(duì)HTTP請(qǐng)求進(jìn)行優(yōu)化主要指的是完成對(duì)相關(guān)資源的請(qǐng)求，以圖片優(yōu)化處理為例，就可以有效通過(guò)CSSSpretes技術(shù)來(lái)實(shí)現(xiàn)效率的提升；最后，使用Ajax主要是想通過(guò)Ajax的異步特征來(lái)實(shí)現(xiàn)性能的提升，同時(shí)用戶也可以獲得更加快速的瀏覽體驗(yàn)。但值得注意的是，這種方法在使用的過(guò)程中會(huì)在等待JavaScript中耗費(fèi)一定時(shí)間，因此Ajax的優(yōu)化效果將會(huì)在很大程度上取決于異步優(yōu)化方法以及用戶訪問(wèn)方式。除了對(duì)Browser/Server結(jié)構(gòu)進(jìn)行優(yōu)化的相關(guān)方法以外，還可以對(duì)二次鏈接進(jìn)行優(yōu)化，其主要原理是通過(guò)編寫(xiě)單元測(cè)試用例代碼來(lái)確定產(chǎn)品代碼，從而有效推動(dòng)整體開(kāi)發(fā)進(jìn)程，這也是當(dāng)前最為核心的實(shí)踐與技術(shù)[3]。但是在實(shí)際開(kāi)展相關(guān)測(cè)試工作的過(guò)程中，往往需要重點(diǎn)將需求分析、設(shè)計(jì)等過(guò)程加以優(yōu)化。用戶在開(kāi)展網(wǎng)頁(yè)訪問(wèn)的時(shí)候可以通過(guò)對(duì)網(wǎng)頁(yè)順序進(jìn)行合理排列來(lái)避免出現(xiàn)操作錯(cuò)誤以及重復(fù)瀏覽等問(wèn)題，從而切實(shí)提升網(wǎng)頁(yè)的訪問(wèn)效率。此外，針對(duì)用戶訪問(wèn)過(guò)程實(shí)施一定的干預(yù)操作還可以最大限度地減少TDD、TSR，這對(duì)于緩解二次連接問(wèn)題也會(huì)起到重要作用。

4 Web開(kāi)發(fā)技術(shù)在實(shí)際運(yùn)行過(guò)程中的開(kāi)發(fā)

4.1 開(kāi)發(fā)流程

現(xiàn)階段在實(shí)際開(kāi)展軟件工程的過(guò)程中，Web開(kāi)發(fā)技術(shù)得到了十分廣泛的應(yīng)用，其中也涉及了多方面的專業(yè)知識(shí)。但實(shí)際上部分技術(shù)人員并沒(méi)有有效明確Web應(yīng)用的開(kāi)發(fā)周期，這將會(huì)給后續(xù)的成本預(yù)算環(huán)節(jié)帶來(lái)一定限制，因此有必要針對(duì)其具體開(kāi)發(fā)流程加以研究?？傮w上來(lái)說(shuō)，Web技術(shù)項(xiàng)目的開(kāi)發(fā)流程主要涉及以下5個(gè)方面：（1）應(yīng)在充分考慮用戶需求的基礎(chǔ)上選擇最為合適的開(kāi)發(fā)技術(shù)與開(kāi)發(fā)工具，從而有效提升整體開(kāi)發(fā)過(guò)程的順利程度；（2）應(yīng)根據(jù)用戶的具體需求完成開(kāi)發(fā)環(huán)境的搭建；（3）技術(shù)人員應(yīng)根據(jù)用戶需求建立相應(yīng)的開(kāi)發(fā)模型與開(kāi)發(fā)框架，為后續(xù)的開(kāi)發(fā)環(huán)節(jié)奠定基礎(chǔ)；（4）技術(shù)人員應(yīng)不斷提升對(duì)測(cè)試與部署階段測(cè)試的重視，從而保證可以在第一時(shí)間發(fā)現(xiàn)程序中的錯(cuò)誤并改進(jìn)，有效滿足用戶的實(shí)際需求。與此同時(shí)，還可以根據(jù)測(cè)試結(jié)果對(duì)代碼實(shí)施進(jìn)一步檢查，從而不斷提升程序的可維護(hù)性和可擴(kuò)展性；（5）在提供服務(wù)后期還需要進(jìn)一步對(duì)用戶行為、訪問(wèn)量等信息進(jìn)行監(jiān)測(cè)，做到有的放矢地完成系統(tǒng)優(yōu)化。

4.2 建立Web原型

在進(jìn)行Web技術(shù)開(kāi)發(fā)的時(shí)候，并不能準(zhǔn)確得知用戶的實(shí)際需求以及最后的開(kāi)發(fā)結(jié)果，因此可以開(kāi)展相應(yīng)的模型建設(shè)工作，并最大限度地保證模型的適合程度，進(jìn)而為Web技術(shù)的開(kāi)發(fā)提供有利條件。通常情況下，在進(jìn)行模型建設(shè)的時(shí)候，相關(guān)技術(shù)人員應(yīng)該對(duì)用戶的實(shí)際需求進(jìn)行分析與判定，這也是其中非常關(guān)鍵的環(huán)節(jié)之一。與此同時(shí)，在模型建立階段應(yīng)充分體現(xiàn)出系統(tǒng)性的特征，因此只完成初步模型的建設(shè)是遠(yuǎn)遠(yuǎn)不夠的，而是應(yīng)保證模型建設(shè)與技術(shù)開(kāi)發(fā)可以滿足實(shí)際需求。除此以外，還可以利用現(xiàn)有的模板進(jìn)行初步模型構(gòu)建，從而起到節(jié)約時(shí)間、提升效率的作用。

4.3 用戶試用

用戶試用也是其中非常關(guān)鍵的環(huán)節(jié)。在完成模型建設(shè)之后，一般會(huì)通過(guò)用戶試用的方法來(lái)對(duì)其整體效果進(jìn)行確認(rèn)，并根據(jù)試用的實(shí)際情況作出反饋。在此過(guò)程中，軟件開(kāi)發(fā)人員應(yīng)對(duì)具體的反饋情況加以記錄，并有效針對(duì)需要修改的地方進(jìn)行優(yōu)化[4]。除此之外，開(kāi)發(fā)者與用戶之間應(yīng)保持良好的關(guān)系，通過(guò)建立完善的實(shí)時(shí)交流系統(tǒng)及時(shí)進(jìn)行相關(guān)信息的交流與反饋。與此同時(shí)，開(kāi)發(fā)人員通過(guò)加強(qiáng)與用戶溝通還可以避免用戶意見(jiàn)的盲目性給整體軟件開(kāi)發(fā)帶來(lái)限制，最大限度地做到在滿足用戶需求的基礎(chǔ)上符合Web技術(shù)設(shè)計(jì)的根本理念，從而在日后應(yīng)用的過(guò)程中保證其綜合應(yīng)用效果。通過(guò)這樣的模式，不僅可以有效提升用戶的總體滿意度，還可以實(shí)現(xiàn)其價(jià)值的最大化。

5 結(jié)語(yǔ)

綜上所述，雖然現(xiàn)階段在開(kāi)展Web技術(shù)開(kāi)發(fā)的過(guò)程中仍存在一定問(wèn)題，但憑借其圖形化、動(dòng)態(tài)化、分布式等特點(diǎn)也得到了社會(huì)各界廣泛的認(rèn)可與應(yīng)用。近年來(lái)，更多不同的前端框架開(kāi)始走入人們的生活，而單頁(yè)網(wǎng)站和漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序的普及更是給生活工作帶來(lái)了極大便利。面對(duì)這樣的發(fā)展趨勢(shì)，相關(guān)技術(shù)人員應(yīng)不斷加強(qiáng)對(duì)Web技術(shù)的開(kāi)發(fā)與研究，從而有效保證該技術(shù)可以在軟件開(kāi)發(fā)過(guò)程中發(fā)揮出應(yīng)有的價(jià)值。