李廣宏
1引言
隨著移動通信技術(shù)以及Internet技術(shù)的發(fā)展,Web技術(shù)也隨之出現(xiàn)。本文將以Web技術(shù)為中心,對相關(guān)方面進行探討和研究。
2Web、WAP還是WebAPP
Web與WAP是2種不同含義詞匯,Web(World Wide Web)即全球廣域網(wǎng),也稱為萬維網(wǎng),它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。WAP是無線應(yīng)用協(xié)議,是一項全球性的網(wǎng)絡(luò)通信協(xié)議,是將移動端設(shè)備與互聯(lián)網(wǎng)相結(jié)合的應(yīng)用協(xié)議標(biāo)準(zhǔn)。在前端領(lǐng)域常說的WAP,實際指的是WAP站應(yīng)用或者說是WAP網(wǎng)頁。
由于WAP站網(wǎng)頁只能在手機上瀏覽訪問,所以WAP頁面應(yīng)用于傳統(tǒng)智能手機,屏幕小且適合使用手機鍵盤操作。Web頁面采用的是html5+css3技術(shù),適用于高端智能觸屏手機,可在手機瀏覽器里輸入地址進行訪問,也可在微信、QQ等帶有內(nèi)置瀏覽器的APP軟件上訪問。
WebAPP則是在Web基礎(chǔ)上,對Web頁面進行相關(guān)封裝,封裝成安卓設(shè)備或iOS設(shè)備可下載安裝的APP應(yīng)用。
3Web的特點
3.1應(yīng)用范圍廣泛,代碼易于維護
Web頁面采用html5+ccs3技術(shù)開發(fā),可以同時在PC端、移動端、iOS設(shè)備、安卓設(shè)備上運行,可以實現(xiàn)一套代碼跨平臺、跨設(shè)備和跨系統(tǒng)的操作,大大節(jié)約了開發(fā)和維護成本。
3.2前端技術(shù)發(fā)展?jié)摿o限,應(yīng)用技術(shù)不斷進步
隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,各種前端架構(gòu)框架、UI框架、構(gòu)建工具和CSS預(yù)處理等層出不窮,新技術(shù)在不斷更新?lián)Q代的同時也讓前端開發(fā)工作變得越來越方便。
4Web技術(shù)演變分析
①1993年4月Mosaic瀏覽器作為第一款正式的瀏覽器發(fā)布。Web網(wǎng)站的主要內(nèi)容是靜態(tài)的,由文字和圖片組成,制作和表現(xiàn)形式也是以表格為主。當(dāng)時的用戶行為也非常簡單,僅僅是瀏覽網(wǎng)頁。
③2005年互聯(lián)網(wǎng)開啟開啟Web2.0時代,各種軟件的 Web應(yīng)用大量涌現(xiàn),前端從此不再只是單一文字與圖片的展現(xiàn),各種富媒體讓網(wǎng)頁內(nèi)容變得更加生動,為用戶提供了更好的體驗。
④如今各種前端MVC架構(gòu)應(yīng)運而生,在此之前,前端開發(fā)時使用的是JQuery,它易于使用、功能強大、展現(xiàn)優(yōu)雅且兼容性極強,迅速贏得了Web開發(fā)者的鐘愛,在過去有著舉足輕重的地位。然而JQuery需要通過操作DOM對象來實現(xiàn)賦值、取值和事件綁定等,數(shù)據(jù)與頁面也是混合在一起,其耦合度較高。后來MVC架構(gòu)的誕生實現(xiàn)了組件化開發(fā),數(shù)據(jù)讀寫分離,使得代碼解耦后更加易于讀寫。
5值得關(guān)注的Web技術(shù)開發(fā)要點
①Web頁面開發(fā)要符合W3C代碼標(biāo)準(zhǔn)規(guī)范,除此每個開發(fā)項目還要有自己的特殊文件規(guī)范和命名規(guī)范等。
②Web移動端的適配要根據(jù)現(xiàn)在主流設(shè)計規(guī)范,如前端開發(fā)頁面以750 px設(shè)計稿定基,在頁面適配上不再采取px這種絕對值,而是采取百分比或rem等比換算,讓頁面在各個移動端大小設(shè)備上達到最優(yōu)展示效果。
③iOS與Android是當(dāng)前兩大主流移動端操作系統(tǒng),其各自系統(tǒng)還有各自版本,在實現(xiàn)開發(fā)過程中我們還會遇到各種各樣的兼容性問題,針對不同系統(tǒng)不同版本要做有針對性的兼容性處理。
④JQuery在Web歷史上有著重要地位,而隨著MVC框架的誕生是否要摒棄JQuery?到底是用JQuery還是用MVC框架?要根據(jù)實際項目情況來選擇。如項目需要持續(xù)迭代、項目周期長、項目代碼可維護性、業(yè)務(wù)邏輯重且隔離、代碼足夠小,以及需要適應(yīng)移動端復(fù)雜的網(wǎng)絡(luò)環(huán)境可以考慮使用MVC框架。如要求代碼時效性強、需快速開發(fā)上線、并且線上運營時間短、多圖片展示、業(yè)務(wù)輕且交互簡單,可使用JQuery。
6結(jié)束語
Web開發(fā)已成為當(dāng)前互聯(lián)網(wǎng)領(lǐng)域重要組成部分,有效地進行Web開發(fā)設(shè)計能夠充分發(fā)揮互聯(lián)網(wǎng)的優(yōu)勢,更加利于信息傳遞,同時大大節(jié)約開發(fā)成本。