Web平臺前端開發設計

李廣宏

1引言

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

2Web、WAP還是WebAPP

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

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

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

3Web的特點

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

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

3.2前端技術發展潛力無限，應用技術不斷進步

隨著互聯網技術的發展，各種前端架構框架、UI框架、構建工具和CSS預處理等層出不窮，新技術在不斷更新換代的同時也讓前端開發工作變得越來越方便。

4Web技術演變分析

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

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

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

5值得關注的Web技術開發要點

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

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

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

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

6結束語

Web開發已成為當前互聯網領域重要組成部分，有效地進行Web開發設計能夠充分發揮互聯網的優勢，更加利于信息傳遞，同時大大節約開發成本。