浅谈Web前端开发

袁 婷

（西安理工大学，陕西 西安 710082）

浅谈Web前端开发

袁 婷

（西安理工大学，陕西 西安 710082）

Web前端开发作为一项新的领域，经历的时间虽然不长，但却显示了强大的生命力，文章通过6个方面来阐述Web前端开发的历史、现状和未来。

Web前端；CSS；HTML；技术

Web前端开发技术严格遵循了由简单到困难的过程，这要求Web前端开发人员一方面要掌握基础的Web开发技术、网站性能优化、SEO以及基础的服务器端知识；另一方面还要求开发人员能够灵活使用各类工具进行辅助开发并要掌握相关理论知识，其中包括了代码的可维护性、分层语义模板、组件的易用性等。

1 前端开发技术

前端开发技术涵盖了Javascript，CSS等传统的技术和Adobe RIA，Google Gears，概念性比较强的交互式设计以及含有浓厚的艺术色彩的视觉设计等。

前端开发技术涵盖的范围十分广泛，例如软件工程等领域。在对前端开发技术进行分析时，可以借助互联网理解和分析前端开发技术，即只要是沿着从浏览器到用户端设计的计算机可以统称技术为前端技术，后端技术主要指的是需要存贮在服务器端的。

2 Web前端开发的任务

Web前端开发工作当中有很多职位，以当前普遍流行的分工模式来看，主要有Web前端开发以及网页重构两个方向，其中腾讯公司和淘宝都是采用这种分工模式。

2.1 网页重构

网页重构工程师，在工作当中的主要职责和视觉设计师、交互设计师进行相互写作，要根据预先设计好的方案，实用HTML和CSS完成网页的开发和制作工作。同时，在完成网页设计的基础之上，需要对已经完成的页面进行维护，并对网站的前端性能按照一定的标准和要求进行优化工作。一般在对网页进行重构时，对网页重构工程师有着如下要求：熟练使用PS，对SEO搜索引擎优化有着深刻的了解，因此，相对于一般的软件开发工作者来说，网页重构工程师需要了解和掌握更多的技术。

2.2 Web前端开发

Web前端开发工作更加注重软件开发方面，根据网站的可用性分析，以及使用者的反馈信息对网站的前端设计进行优化工作。在进行优化时，通过采用Javascript，flash actionscript3.0与HTML CSS技术进行结合，能够使页面在优化之后给用户带来更好的体验。例如腾讯QQ空间的图片浏览功能，就是前端开发工程师开发的功能之一，除此之外还有各种信息网站的幻灯片效果，ajax技术等。在进行Web前端开始时会涉及前端的架构设计以及底层的数据传输等，因此，Web前端开发，需要具有良好的基础编程能力，并且还需要对网站的后台语言有所了解。

现阶段，前端开发技术有着十分迅猛的发展速度，这对从业人员提出了更为严格的要求，必须在掌握前端开发新技术的同时明确前端世界的今后走向，不然很难将技术所具有的功能充分地发挥出来。

3 Web前端开发历史

在Web发展的初级阶段，HTML技术仅仅用于对页面进行简单地展示，若想实现维护与更新功能，会面临很大的难题。文章分别从Web 1.0，Web 2.0，Web 3.0到Web 4.0对互联网今后的发展走向进行把握。

Web 1.0，特征在于编辑，经由网站编辑进行编辑与处理操作之后，网站会向用户提供相应的内容，用户可行使阅览的权利。这一由网站到用户的过程属于一种单项行为，在Web 1.0时代，新浪、搜狐、网易三大门户扮演代表站点的角色。

Web 2.0，用于对网站及用户之间互动的加强，网站中的内容来源于用户的提供，用户会参加到网站多项功能的建设中，网站同用户之间所存在的双向交流与参与关系得以实现。与Web 1.0不同，Web 2.0所具有的交互性是其最为显著的特征与优势。在Web 2.0时期，博客中国、亿友交友以及联络家等成为典型的代表。这类网站中的用户拥有自己的数据，并且完全以Web为基础，浏览器能够对全部功能予以实现。

Web 3.0，该概念是由微软公司提出来的，目前已经成功申请了多项专利。在各个Web 3.0网站上，信息能够直接进行交换与互动，同时，第三方信息平台还能够对不同网站所提供的丰富信息执行整合与分类操作。利用Web 3.0系统，用户同样能够在网络上拥有自己的数据，较之Web 2.0更为进步的是用户可以对这些数据在不同网站上予以使用。功能的实现完全以Web为基础，简单利用浏览器便能完成复杂系统程序才能执行的各项操作。

Web 4.0，与多人聚餐类似，Web 4.0会将所有人联结到一起，并对每个人所拥有的资源进行整合，所有人都能根据自身的需求向资源拥有者选择。平台发挥联结作用，这一平台是一种协议而非网站，每个用户都需对此协议予以遵守，网站是围绕在协议旁的用户，若每一个用户都拥有自己的网站，并围绕在协议旁，人类便能真真正正地走进互联网时代，它一定是由很多网站构成的时代。

在刚刚制定Web标准时，前端开发已经开始进行研究，但是进展一直较慢，Javascript逐渐为Web前端开发的成熟语言之后前端开发才有较大的进展。随着Web 4.0的应用及微博、博客、网页游戏、SNS、视频网站等产品的出现，人们对网页提出了更高的要求，因此，设计人员在开发过程中需要考虑更多的问题。当前，在网页开发中，Javascript语言十分重要，当前以Javascript为标志的Web前端开发发展十分迅速。

4 Web前端开发现状

当前，Web前端开发已经成为研究热点，为了满足不同站点的可用性要求，并且提高产品的用户体验，各种以“用户体验”的团队迅速发展，并开发团队中的职位分工也更加明确，如交互设计师、用户体验分析师、前端开发工程师、网页设计师等主要设计开发应用强的前端。对于Web前端开发者来说，需要掌握以下技能技术：熟悉W3C标准，深刻理解Web语义化、表现与数据分离等；了解后台开发（C/C++/ PHP/Java等）、算法、数据结构等；熟悉页面架构和布局，精通CSS，HTML/XHTML等网页制作技术，精通Ajax，Javascript等Web开发技术。

5 前端开发体会

前端开发是近几年Web2.0的热潮下才发展起来的，因此，它是一个比较新的职业，并且需要开发者掌握综合技能，需要掌握软件开发技术和相关的设计技巧，并且对可用性有一定的了解。因此，数字媒体技术专业的学生非常适合从事前端开发工作，他们的知识结构有着天然的优势。但是，如果该专业的学生想要做好前端开发工作，除了具备专业优势之外，还需要掌握深厚的技术功力，这样才能在工作中掌握主动权，因此，学生应该加强HTML+CSS技术、Javscript语言等的学习，不断提升技术能力。

同时，在学习研究的过程中，要不断增加自己的项目经验，为自己增加筹码，由于前端开发行业的特殊性，数字媒体技术的学生在大二就可以开始在社会中寻找工作经验了，学校项目、工作室项目、社会兼职实习等，都是这些经验的重要来源。前端开发是需要在不断实践中学习的，只有一定的项目经验，才能在学习中得以扩展深入，否则很多单纯意义上的学习更像纸上谈兵，没有意义。

6 Web前端开发的未来

随着技术的发展，前端开发技术将会不断完善，以HTML5，CSS 4.0等技术将会成为前端开发的主流技术，即使HTML5成为现实，也将会有更多的前端开发技术出现，要时刻关注前端开发的最新技术。目前，前端开发技术刚刚走向成熟，在未来的几年里，相信其人才需求量还会进一步增长。但是任何需求都有饱和的时候，对人才需求饱和也是前端开发真正成熟的标志，在未来，前端开发者们会有更广阔的发展空间，更大的挑战、更高的舞台等人们去展示实力。同时科研工作者也要不断完善自身的实力，开发出更多满足用户需求的产品。

[1]（美）达科特.Web设计与前端开发秘籍：HTML CSS设计与构建网站+Javascript jQuery交互式Web前端开发[M].杜伟，柴晓伟，译.北京：清华大学出版社，2015.

[2]（美）达科特.Javascript &jQuery 交互式Web前端开发[M].杜伟，柴晓伟，涂曙光，译.北京：清华大学出版社，2015.

[3]阮晓龙.Web前端开发HTML5 CSS3 jQuery AJAX从学到用完美实践[M].北京：水利水电出版社，2015.

Analysis on development of Web front-end

Yuan Ting

（Xi’an University of Technology, Xi’an 710082, China）

As a new field, although time of Web front-end development experienced is not long, but it shows strong vitality. This paper describes the history, current situation and future of Web front-end development through 6 aspects.

Web front-end; CSS; HTML; technology

袁婷（1977— ），女，陕西西安，硕士，讲师；研究方向：计算机软件及应用。