朱國慶

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

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

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

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

（一）HTML

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

（二）DOM

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

（三）CSS

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

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

（一）jQuery

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

（二）AngularJS

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

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

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

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

參考文獻

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

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

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

（作者單位：貴陽學院電子與通信工程學院）