面向Web2.0的web应用前端开发框架设计研究

曾李青

摘 要：随着Web2.0相关理念和技术的发展，消费者市场中互联网产品的竞争越来越激烈，而互联网后台逻辑处理和前端开发都以多种复杂技术为依托，致使其整体开发的难度较大、周期较长，应用开发效率相对较低。主要研究了面向Web2.0的web应用前端开发框架设计，以期提升互联网产品的研发效率。

关键词：Web2.0；web应用前端；开发框架设计；JavaScript插件

中图分类号：TP311.52 文献标识码：A DOI：10.15913/j.cnki.kjycx.2015.22.016

Web2.0属于一种全新的传播方式，它不仅是互联网技术的改进，而且强调公开个人的真实表达和共同建设互联网的开发理念，其应用过程中的网站数据允许用户随意上传和下载，信息共享程度高；每个用户在网站系统中都拥有独属于个人的数据，通过直接的浏览器既可以实现所有功能，又省去了相关客户端安装环节，在多人参与、可读可写的同时，为互联网产品创新提供可能。

1 web应用前端开发框架需求

面向Web2.0的web应用前端开发框架需求包括功能性和非功能性两个方面。功能性需求主要包括页面元素的样式、JavaScript插件的正确使用、对页面布局进行整体设计和公共banner设计四个方面；而非功能性需求包括满足用户体验、对前端页面加载速度进行优化和浏览器不兼容问题三个方面。因此，面向Web2.0的web应用前端开发框架设计要以上述内容为基础，以解决实际问题为目标。

2 web应用前端开发框架设计

2.1 浏览器兼容性方案设计

由于浏览器针对网页前端代码解析具有不一致性，即使同一个网页在不同浏览器中的显示效果也存在明显的差异，因此浏览器兼容性一直是前端开发过程中的重点和难点。如何使网页在不同浏览器中能够适应相应的解析标准，从而实现不同浏览器都得到良好的显示效果，是网站开发者所面临的主要问题，而通过浏览器开发商确定所有浏览器统一使用的解析标准，使网页在不同的浏览器中得到同等的解析，是保证用户体验效果的有效方法。万维网联盟标准，即W3C是诸多解析标准的集合，可以从CSS、ECMAScript及XHTML和XML三个方面与网页的表现、行为、结构三部分相对应，因此，在浏览器开发的过程中统一使用此标准可以保证网页在不同的浏览器中均能够达到预期的使用效果。但值得注意的是，万维网联盟中所使用的标准并不是全部由其自主研发，比如ECMAScript是由其他标准组织所指定。现阶段，除旧版本浏览器仍在改进外，大部分主流浏览器都严格依据万维网联盟标准，因此，万维网联盟标准是互联网浏览器使用标准的必然选择。在面向Web2.0的web应用前端开发框架设计的过程中，要积极应用万维网联盟标准，不断优化用户的浏览器。当在运作的过程中通过检测代码检测到用户所使用的浏览器版本较低时或为实现兼容，要及时提示用户更新，并为用户提供直接下载最新版本的正确网址，以达到推动用户及时更新浏览器的目的。此设计虽未真正解决浏览器不全面兼容的问题，但万维网联盟标准的统一使用促成了应用前端开发框架的一致性，同样解决了相应的现实问题。

2.2 CSS样式方案设计

由于CSS（叠层样式表）样式对前端框架的整体风格具有决定性，而且影响着用户使用的具体效果，因此在前端框架设计过程中占有重要地位。在设计过程中，首先应以UI组件为基础进行方案设计。考虑到增加表格、列表等多样组建样式虽有效保证了组建的集成度，使用户在应用的过程中可以根据实际需要直接使用，极其方便，但由于组建结构相对复杂，灵活性无法得到全面保证，因此在设计的过程中需有意识地加入涉及范围更广、优先级更优越的小粒度基础样式，以达到既能灵活改变集成的UI组件样式属性，又能根据现实需要直接构成所需样式的目的，将方便性和灵活性有机结合。因此，面向Web2.0的web应用前端开发框架设计过程中的CSS样式设计应积极将两者相结合。

2.3 JavaScript解决方案设计

JavaScript以对象和事件驱动为基础，具有一定安全性的客户端脚本语言，不仅可以应用于客户端Web开发方面，在对HTML网页增添动态功能方面具有较好的效果，也可以应用于服务器端编程等方面。完整的JavaScript包含ECMAScript、文档对象模型、字节顺序记号三部分，因此，其在前端框架中主要起着保障全局方法的使用和调动jQuery插件的使用作用。在设计过程中根据JavaScript的作用在完整的网络开发环境中自动调试和完成JavaScript代码，获得Ajax类库的支持，并对源编辑程序进行改进，保证其既能支持多种语言，又能检查语法。

2.4 文件组织结构设计

CSS组织文件的设计主要针对对外公共文件publiacss、样式重置文件reset.css、各种UI插件样式所在文件plugin.css、各种基础样式所在文件layout.css，针对每一类文件在前端开发中的作用进行设计，以解决浏览器样式标准不统一、传统样式不灵活等问题。由于以上CSS文件在网页使用过程中均有被使用的可能，因此在前端开发框架设计过程中，将所有的文件压缩为public.css统一使用，避免过多的请求影响用户的使用质量。此外，JavaScript文件组织结构设计理论与CSS基本一致。

3 结论

综上所述，面向Web2.0的web应用前端开发框架设计是为解决人们在生产生活中面临的实际问题而产生的，因此在设计的过程中方向较明确，而且设计的意义深远。通过面向Web2.0的web应用前端开发框架设计，不断深化、合理利用互联网产品前端开发重复性特点，不仅可缩短互联网产品的开发周期，还可满足实际需求。这是互联网产品发展的必然选择，也是其进步的具体表现。

参考文献

[1]乔淑夷.基于MVC模式的web前端框架关键技术研究与实现[D].青岛：中国海洋大学，2014.

[2]刘靖桐.面向Web2.0的web应用前端开发框架的设计与实现[D].北京：北京邮电大学，2014.

[3]崔伟毅.面向Web的组合环境设计和应用构建[D].上海：复旦大学，2008.

〔编辑：刘晓芳〕