Web 前端开发技术的研究

张文静

摘 要 Web前端开发是近几年新兴的一个领域，前端开发的好坏直接影响整个网站的交互效果。本文首先介绍了前端开发的技术，分析了前端开发的现状，最后阐述了Web前端开发工程师应具备的技术能力。

关键词 Web前端 html css

中图分类号：TN99 文献标识码：A

0引言

Web前端开发是近几年新兴的一个领域，它是从网页制作发展而来。早期的网页制作是用Dreamweaver、Fireworks、Flash等工具制作网页，网站以静态的内容显示，用户以浏览为主[1]。自从互联网进入Web2.0时代，网站的前端发生了质的变化。网站上不再是单一的文字和图片组成的静态页面，各种富媒体让网页的内容变得更加生动，而网页上动态交互也为用户提供了很好的体验。这些都是基于前端的基础上实现的，前端开发核心技术主要有HTML、CSS、JavaScript。下面我们一一介绍Web前端开发的技术。

1 Web前端开发技术

对于前端开发技术，业内有这样的说法：“ HTML是内容，CSS是表现，JavaScript是行为”。总所周知，HTML、CSS、JavaScript是Web前端开发的三大核心技术，除了这三种核心技术语言外，还延伸了诸如JQuery、Bootstrap、Ajax之类的技术框架、模板和开发工具这些在前端开发中应用也十分广泛。下面我们着重介绍这三大核心技术。

1.1 HTML

HTML（Hypertext Markup Language，超級文本标记语言）是一种专门用于创建Web超文本文档的编程语言，同时也是一种网页开发的规范标准，它通过对标签符号的使用实现对网页各个元素的编辑展示。在HTML之后，包含文本、图像、视频等各种多媒体信息的页面逐渐进入人们的视野。HTML已经发布了很多版本，目前比较热门的是HTML5。HTML5在音频、视频、动画、应用、页面效果和开发效率等方面给网页结构带来了巨大的变化，对传统网页设计风格及相关理念带来了冲击。HTML5丢弃了上一代Web标准中一些不常用和不实用的标签，同时也引入了许多新的标签。HTML5最大的优势在于它具有良好的网页表现性能和跨平台兼容性。

1.2 CSS

CSS（Cascading Style Sheets，层叠样式表），是用来表现HTML或XML等文件样式语言[2]。通过CSS可以对页面布局、字体、背景、颜色、边界和其它效果实现精确控制，并且能够进行交互设计，从而提升前端的美观程度。内嵌CSS技术的Web开发能够更好的帮助开发人员实现内容和页面分离，特别是以CSS+DIV为特色的布局技术已经被各大门户网站得到应用，这将大大提高了后期站点维护的效率。目前CSS3是CSS的最高版本。

1.3 JavaScript

JavaScript是由Web发展初期的网景（Netscape）公司创建，“JavaScript”是Sun Microsystem公司（现在的Orcale）的注册商标，用来特指网景（现在的Mozilla）对这门语言的实现。它是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript出现之后，信息与用户之间不再只是简单的显示与浏览的关系，而是可以进行实时、动态、可交式的表达。JavaScript被嵌入到HTML文件中，不需要经过Web服务器就可以对用户操作作出响应，使网页能够更好的与用户交互。

2前端开发的现状

Web前端开发已经成为当前研究的热点，随着人们对用户体验的要求越来越高，为了提高产品的用户体验，前端开发的职位分工也越来越明确。如交互设计师、网页设计师、前端开发工程师、网页重构师、用户体验师等等。目前Web前端开发刚刚开始，对于一些规范和最佳实践的研究都处于探索阶段。各种框架层出不穷，各种跨浏览器的方案五花八门。如何有效的对Web进行优化，提升用户体验，提高运行速度，解决无响应和速度慢的问题是我们研究的重点。

3前端开发的体会

与后台开发和服务器开发相比，前端开发的入门门槛比较低，它是先易后难。技术人员可以通过自主学习掌握一定的知识，从事Web技术的研发工作。以前只要会使用Photoshop、 Dreamweaver和Flash等基本软件就可以制作网页，但现在远远不够。由于现在大多数网站都是动态的，前端开发人员需要与后台开发人员一起配合才能完成一个项目，只掌握Web前端开发技术还不够，还需要掌握一门后台开发技术。一个优秀的Web前端开发技术人员在知识体系上既要有广度又要有深度。在开发过程中一定要养成良好的编码习惯，比如保持良好的文档结构和编码风格，代码命名规范，多使用结构化标签，尽量优化html、css、js代码，多关注一些网站性能优化的方式。

4结束语

近年来，前端技术给互联网带来很大的冲击，越来越多的人从事这个行业。由于前端开发的技术还处于不断的摸索阶段，一些规范和规定还不完整，不断的涌现出一些新型的技术和设备，促进Web技术的发展。在这种情况下，给从业人员带来了很大的挑战。从业人员要时刻关注前端开发的最新技术，不断完善自身的实力，从而开发出更多满足客户需要的产品。

参考文献

[1] 魏娜.Web前端开发技术研究[J].现代计算机（专业版），2011（29）：50-52.

[2] 杨毅.Web前端开发技术探讨[J].电脑知识与技术.2014，（8）：54-59.

[3] 陈幼凌.一种开发和执行均衡高效的Web前端框架的研究与实现[D].北京邮电大学，2013，11（14）：132-136.

[4] 王政.Web前端开发技术以及优化研究[J].电脑知识与技术，2013（22）：5037-5038.

[5] 赵大伟，陈刚.Web前端开发技术人才培养模式研究[J].电脑知识与技术，2015（24）：109-110.endprint