朱國(guó)慶

摘 要：隨著我國(guó)社會(huì)經(jīng)濟(jì)的快速發(fā)展，現(xiàn)代化信息技術(shù)對(duì)于人們的生產(chǎn)生活產(chǎn)生了翻天覆地的作用。尤其是計(jì)算機(jī)系統(tǒng)和軟件的設(shè)計(jì)開發(fā)，對(duì)于WEB系統(tǒng)的前端開發(fā)技術(shù)非常關(guān)鍵。為此必須要加強(qiáng)前端設(shè)計(jì)，減少對(duì)于服務(wù)器的壓力，從而實(shí)現(xiàn)復(fù)雜的操作，通過(guò)WEB系統(tǒng)前端開發(fā)技術(shù)的應(yīng)用與分析，能夠直接增強(qiáng)用戶體驗(yàn)，保證系統(tǒng)和軟件的研發(fā)更加符合用戶的需求。

關(guān)鍵詞：WEB系統(tǒng)；HTML；JavaScript；前端技術(shù)；開發(fā)分析

引言：在信息化網(wǎng)絡(luò)化時(shí)代中，計(jì)算機(jī)軟件系統(tǒng)的開發(fā)，已經(jīng)呈現(xiàn)出多元化開發(fā)的發(fā)展趨勢(shì)，尤其是對(duì)于。計(jì)算機(jī)軟件的應(yīng)用環(huán)境要求越來(lái)越高，用戶對(duì)于軟件的操作流暢度要求也越來(lái)越高，為了能夠更好的提高系統(tǒng)的開發(fā)與設(shè)計(jì)，必須要針對(duì)系統(tǒng)前端開發(fā)，進(jìn)行重點(diǎn)完善。通過(guò)對(duì)于WEB系統(tǒng)前端開發(fā)技術(shù)的應(yīng)用與分析，能夠更好的促進(jìn)WEB系統(tǒng)的設(shè)計(jì)研發(fā)。

一、前端基礎(chǔ)技術(shù)

（一）HTML

HTML就是超文本標(biāo)記語(yǔ)言。通過(guò)利用SGML進(jìn)行應(yīng)用，能夠獨(dú)立于各個(gè)操作系統(tǒng)平臺(tái)并且及時(shí)的將信息轉(zhuǎn)化成為某種規(guī)則。通過(guò)瀏覽器能夠快速識(shí)別，利用標(biāo)簽的方式，可以將文字、圖片、動(dòng)畫、視頻等內(nèi)容進(jìn)行解析，并且在瀏覽器中進(jìn)行呈現(xiàn)通過(guò)HTTP協(xié)議能夠?qū)崿F(xiàn)超文本的傳輸進(jìn)行有效操作。伴隨著WEB技術(shù)的快速發(fā)展，HTML也已經(jīng)逐漸升級(jí)成為XHTML，并且通過(guò)對(duì)于HTML技術(shù)的應(yīng)用，可以保證WEB前端操作系統(tǒng)的開發(fā)更加完善。

（二）DOM

DOM是文檔對(duì)象模型，通過(guò)DOM能夠以獨(dú)特的語(yǔ)言在平臺(tái)進(jìn)行修改和創(chuàng)建文檔。所以DOM與HTML具有非常相似的功能，由于DOM的設(shè)計(jì)主要以對(duì)象管理組織作為基礎(chǔ)，所以在針對(duì)語(yǔ)言編程的過(guò)程中，DOM是一種可以在JavaScript進(jìn)行移植的技術(shù)，所以能夠在不同的瀏覽器進(jìn)行移植。但是由于DOM技術(shù)的快速發(fā)展，DOM技術(shù)能夠幫助用戶頁(yè)面進(jìn)行動(dòng)態(tài)變化，并且可以針對(duì)性的顯示或者隱藏某一元素從而增加元素的應(yīng)用。而對(duì)于WEB技術(shù)來(lái)說(shuō)，通過(guò)DNANGULAR JS技術(shù)的應(yīng)用，能夠針對(duì)文檔對(duì)象模型提供支持。

（三）CSS

CSS就是層疊樣式表，通過(guò)CSS技術(shù)能夠?yàn)閃EB系統(tǒng)的前端開發(fā)，實(shí)現(xiàn)多種頁(yè)面的設(shè)計(jì)，并且讓HTML。變的更加簡(jiǎn)潔。通過(guò)各種腳本語(yǔ)言進(jìn)行動(dòng)態(tài)修飾。并且提供一定的樣式，所以能夠有效的增強(qiáng)外婆界面的設(shè)計(jì)，總體來(lái)說(shuō)，cs能夠?qū)崿F(xiàn)豐富的自定義操作，便于修改和使用的特點(diǎn)

二、WEB系統(tǒng)前端開發(fā)技術(shù)框架分析

（一）jQuery

jQuery技術(shù)能夠作為JavaScript的工具箱，所以能夠幫助前端開發(fā)設(shè)計(jì)人員提供豐富的操作工具，不僅具有簡(jiǎn)單高效的特點(diǎn)，而且還能夠提供常用代碼，更加有效的促進(jìn)JavaScript開發(fā)的效率，同時(shí)也能夠針對(duì)事件進(jìn)行優(yōu)化處理。jQuery的核心技術(shù)就是利用鏈?zhǔn)秸Z(yǔ)法進(jìn)行快速連接，并且針對(duì)CSS技術(shù)進(jìn)行有效拓展。便于插件的擴(kuò)展豐富性。

（二）AngularJS

AngularJS屬于Google技術(shù)研發(fā)的，能夠維護(hù) JavaScript框架的一種MVC架構(gòu)，通過(guò)Angular JS能夠更好的保證系統(tǒng)開發(fā)的效率，并且提升了傳統(tǒng)HTML代碼的拓展性，加強(qiáng)了動(dòng)態(tài)內(nèi)容的顯示，Angular JS作為獨(dú)立框架，其不依賴于其他的框架，就能夠構(gòu)建WEB系統(tǒng)的相關(guān)應(yīng)用，所以是目前來(lái)說(shuō)WEB應(yīng)用的完美解決方案，通過(guò)開發(fā)者呈現(xiàn)出更高層次的應(yīng)用開發(fā)效果，也能夠幫助開發(fā)人員，提供高效簡(jiǎn)潔的解決方案，并且還能夠根據(jù)數(shù)據(jù)綁定，模板標(biāo)志，表單驗(yàn)證等內(nèi)容進(jìn)行深度整合，Angular JS具有模板功能，強(qiáng)度豐富，附帶聲明式的特點(diǎn)，同時(shí)還可以具有非常完善的MVC框架結(jié)構(gòu)，所以可以包括大量的數(shù)據(jù)模板路由和模塊化等功能。

三、輕量級(jí)數(shù)據(jù)技術(shù)分析

為了能夠增強(qiáng)數(shù)據(jù)調(diào)用的效率，并且減少服務(wù)器處理的壓力。通過(guò)在WEB系統(tǒng)前端開發(fā)過(guò)程中采用輕量級(jí)的數(shù)據(jù)技術(shù)，能夠有效的緩解服務(wù)器壓力，更好的提高軟件運(yùn)行的效率。采用DTD文檔類型定義組織數(shù)據(jù)，已經(jīng)成為統(tǒng)一的跨平臺(tái)語(yǔ)言，并且被業(yè)界認(rèn)可，非常適用于WEB傳輸和XML提供方法的描述。

結(jié)論：伴隨著我國(guó)信息技術(shù)的快速發(fā)展，系統(tǒng)軟件的開發(fā)能夠極大的促進(jìn)互聯(lián)網(wǎng)產(chǎn)業(yè)的發(fā)展。并且WEB也從WEBI.O，WEB2.0逐漸步入WEB3.0時(shí)代。通過(guò)對(duì)于HTMLS、CSS3.0等技術(shù)的引進(jìn)，能夠極大的提高WEB系統(tǒng)前端開發(fā)的技術(shù)的應(yīng)用。并且利用輕量級(jí)數(shù)據(jù)技術(shù)的使用，標(biāo)志著WEB系統(tǒng)前端開發(fā)的技術(shù)的快速發(fā)展，并且能夠逐漸促進(jìn)軟件開發(fā)的提升。

參考文獻(xiàn)

[1]王艷清，陳紅.基于SSM框架的智能web系統(tǒng)研發(fā)設(shè)計(jì)[J].計(jì)算機(jī)工程與設(shè)計(jì)，2012，33（12）：4751-4757.

[2]胡前進(jìn)，蔡永州，吳敏.基于MVC模式的Joomla！框架在Web系統(tǒng)組件擴(kuò)展開發(fā)中的應(yīng)用研究[J].現(xiàn)代教育技術(shù)，2009，19（06）：97-100.

[3]張婷.基于Extjs+Spring MVC的Web系統(tǒng)開發(fā)架構(gòu)的研究與實(shí)現(xiàn)[J].計(jì)算機(jī)技術(shù)與發(fā)展，2013，23（01）：147-149+153.

（作者單位：貴陽(yáng)學(xué)院電子與通信工程學(xué)院）