Web平臺前端開發(fā)設計

李廣宏

1引言

隨著移動通信技術以及Internet技術的發(fā)展，Web技術也隨之出現(xiàn)。本文將以Web技術為中心，對相關方面進行探討和研究。

2Web、WAP還是WebAPP

Web與WAP是2種不同含義詞匯，Web（World Wide Web）即全球廣域網(wǎng)，也稱為萬維網(wǎng)，它是一種基于超文本和HTTP的、全球性的、動態(tài)交互的、跨平臺的分布式圖形信息系統(tǒng)。WAP是無線應用協(xié)議，是一項全球性的網(wǎng)絡通信協(xié)議，是將移動端設備與互聯(lián)網(wǎng)相結合的應用協(xié)議標準。在前端領域常說的WAP，實際指的是WAP站應用或者說是WAP網(wǎng)頁。

由于WAP站網(wǎng)頁只能在手機上瀏覽訪問，所以WAP頁面應用于傳統(tǒng)智能手機，屏幕小且適合使用手機鍵盤操作。Web頁面采用的是html5+css3技術，適用于高端智能觸屏手機，可在手機瀏覽器里輸入地址進行訪問，也可在微信、QQ等帶有內置瀏覽器的APP軟件上訪問。

WebAPP則是在Web基礎上，對Web頁面進行相關封裝，封裝成安卓設備或iOS設備可下載安裝的APP應用。

3Web的特點

3.1應用范圍廣泛，代碼易于維護

Web頁面采用html5+ccs3技術開發(fā)，可以同時在PC端、移動端、iOS設備、安卓設備上運行，可以實現(xiàn)一套代碼跨平臺、跨設備和跨系統(tǒng)的操作，大大節(jié)約了開發(fā)和維護成本。

3.2前端技術發(fā)展?jié)摿o限，應用技術不斷進步

隨著互聯(lián)網(wǎng)技術的發(fā)展，各種前端架構框架、UI框架、構建工具和CSS預處理等層出不窮，新技術在不斷更新?lián)Q代的同時也讓前端開發(fā)工作變得越來越方便。

4Web技術演變分析

①1993年4月Mosaic瀏覽器作為第一款正式的瀏覽器發(fā)布。Web網(wǎng)站的主要內容是靜態(tài)的，由文字和圖片組成，制作和表現(xiàn)形式也是以表格為主。當時的用戶行為也非常簡單，僅僅是瀏覽網(wǎng)頁。

③2005年互聯(lián)網(wǎng)開啟開啟Web2.0時代，各種軟件的 Web應用大量涌現(xiàn)，前端從此不再只是單一文字與圖片的展現(xiàn)，各種富媒體讓網(wǎng)頁內容變得更加生動，為用戶提供了更好的體驗。

④如今各種前端MVC架構應運而生，在此之前，前端開發(fā)時使用的是JQuery，它易于使用、功能強大、展現(xiàn)優(yōu)雅且兼容性極強，迅速贏得了Web開發(fā)者的鐘愛，在過去有著舉足輕重的地位。然而JQuery需要通過操作DOM對象來實現(xiàn)賦值、取值和事件綁定等，數(shù)據(jù)與頁面也是混合在一起，其耦合度較高。后來MVC架構的誕生實現(xiàn)了組件化開發(fā)，數(shù)據(jù)讀寫分離，使得代碼解耦后更加易于讀寫。

5值得關注的Web技術開發(fā)要點

①Web頁面開發(fā)要符合W3C代碼標準規(guī)范，除此每個開發(fā)項目還要有自己的特殊文件規(guī)范和命名規(guī)范等。

②Web移動端的適配要根據(jù)現(xiàn)在主流設計規(guī)范，如前端開發(fā)頁面以750 px設計稿定基，在頁面適配上不再采取px這種絕對值，而是采取百分比或rem等比換算，讓頁面在各個移動端大小設備上達到最優(yōu)展示效果。

③iOS與Android是當前兩大主流移動端操作系統(tǒng)，其各自系統(tǒng)還有各自版本，在實現(xiàn)開發(fā)過程中我們還會遇到各種各樣的兼容性問題，針對不同系統(tǒng)不同版本要做有針對性的兼容性處理。

④JQuery在Web歷史上有著重要地位，而隨著MVC框架的誕生是否要摒棄JQuery？到底是用JQuery還是用MVC框架？要根據(jù)實際項目情況來選擇。如項目需要持續(xù)迭代、項目周期長、項目代碼可維護性、業(yè)務邏輯重且隔離、代碼足夠小，以及需要適應移動端復雜的網(wǎng)絡環(huán)境可以考慮使用MVC框架。如要求代碼時效性強、需快速開發(fā)上線、并且線上運營時間短、多圖片展示、業(yè)務輕且交互簡單，可使用JQuery。

6結束語

Web開發(fā)已成為當前互聯(lián)網(wǎng)領域重要組成部分，有效地進行Web開發(fā)設計能夠充分發(fā)揮互聯(lián)網(wǎng)的優(yōu)勢，更加利于信息傳遞，同時大大節(jié)約開發(fā)成本。