Web前端开发技术与研究.docVIP

Web前端开发技术与研究 　　摘要：互联网技术早已渗透我们生活中，随着社会信息化的不断推进，Web2.0时代也悄悄到来。Web前端承担着用户与服务器信息交互的重任，网页也绝不仅仅只停留在静态图片和文字的堆叠阶段，媒体信息爆炸式增长以及人们对用户体验的更高要求也促使Web技术不断发展。阐述了主流的Web前端开发模式和技术语言，并提出优化开发效率的技术手段。 　　关键词：Web前端；开发模式；技术语言；优化方法 　　中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2016）29-0047-03 　　互联网已深入我们生活方方面面，人们对互联网需求也产生了新的变化。当今以计算机数据传输和处理技术为基础的信息化社会已被公众所认可，生活中充斥着各种各样的信息。互联网对社会生产活动的推动作用不言而喻，许多关系经济命脉的重要行业和关乎人民生命安全的关键活动对互联网的依赖更是强烈。 　　Web前端是指以浏览器为解析工具，为用户呈现信息的交互媒介的页面。Web开发具体涉及整个页面图片、文字、广告以及flash的编辑设计，其主要设计模块有Web页面的结构、外观视觉表现及信息的交互实现等。作为互联网信息的主要载体以及用户与服务器交互媒介，网页的用户体验与运行稳定性直接影响到用户对该站点资源的信息获取，进而关系到整个数据环境价值的实现乃至一项新技术的传播开展，Web前端开发的重要性早已被人们所认可，许多高效的开发技术也应运而生。目前Web前端开发技术呈多样化发展，其技术革新日新月异，不同的技术手段有着不同的适用场合。Web2.0时代下用户对网页动态信息和高度人机交互的需求愈发强烈，探讨Web前端开发技术尤为必要。 　　1前端核心技术分析 　　Web2.0技术背景下的开发交互性已经有了很大的增强，HTML、CSS和JavaScript作为Web前端开发中的支柱型设计语言分别具有各自的特点以及代码的质量标准，其优点和重要性毋庸置疑。三者在开发中虽然承担着不同的任务，各自的运行标准和设计方法也不一样，但却是相互交织内嵌，合作完成整个Web项目的开发。除了这三种核心技术语言外，延伸出的诸如JQuery、Bootstrap、Ajax之类的技术框架和插件工具在Web前端开发中应用也十分广泛。此外，Web前端开也有不同的模式，当今主流为B/S架构模式。截至目前，搜狐、新浪等门户网站以及许多视频站点的Web前端架构均涉及了上述技术。下面将分别对目前广泛使用到的Web前端开发技术做阐述。 　　1.1前端B/S开发模式 　　B/S（Browser/Server）是一种建立在广域网的基础上三层架构，即浏览器/服务器结构。Browser是指客户端，此模式下不需要在每台Pc上安装定制的App，便于产品推广和用户使用。B/S架构对系统要求很低，不需要安装指定的操作系统，只需要有Web浏览器即可。 　　B/S架构中，客户端负责显示及信息交互，数据和事务处理的压力留给了后端服务器，因此这样就避免了庞大的客户端程序，减少了PC机CPU以及操作系统的压力。B/S模式以广域网为基础，不需要专一的网络环境，一般只需操作系统和浏览器便可运行。由于应用的普适性，Bs模式对安全机制相对较弱，其面向的用户群体是不可知的。B/S程序由构件组成，构件的更换方便，利于系统的无缝升级，能够把后期维护的预算减到最小，且B/S模式建立在浏览器上，用户交流更为灵活，使用者从网上自己下载安装就可以实现产品升级，方便快捷，对于开发人员来说可以减轻后台处理逻辑的负担，对于使用者来说，网页的浏览速度和交互能力得到显著改善，相应的用户体验也大大提高。目前B/S技术正朝着更加成熟的方向发展。 　　1.2Web开发技术 　　1.2.1XHTML 　　XHTML是在HTML语言基础上延伸发展而来。HTML（Hypeflext Markup Language，超级文本标记语言）是标准通用标记语言分支下的一个应用，同时也是一种网页开发的规范标准，它通过对标签符号的使用来实现对网页各个元素的编辑展示。Web2.0背景下出现的XHTML在原有HTML语言的基础上引进了许多新的结构元素，这些新的元素利于跨平台、跨分辨率设计，且版本控制简单，与旧版HTML相比在终端上拥有许多优势。由于HTML语言规则较为松散，技术开发者具有很高的自由度，这对于代码编写人来说是很大的便利，相对的，机器解析难度也大，尤其在许多诸如智能手机等移动设备上，因此便出现了语法要求较为严格的XHTML。 　　XHTML是在XML基础上发展而来的可扩展超文本标记语言，具备了HTML和XML双重功能，同时也是一个过渡性的技术。此外XHML是一种增强型的可扩展的HTML，拥有更为强大的灵活性与可扩展性。与HMTL相比XHTML