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开发设计能够充分发挥互联网的优势，更加利于信息传递，同时大大节约开发成本。