Web前端开发工程师职业技能和岗位职责 .pdfVIP

杨教授工作室精心创作的优秀程序员职业提升必读系列资料

1.1Web前端开发工程师职业技能和岗位职责

1.1.1Web前端开发工程师简介

Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间

不超过5年。

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演

化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用

网站的行为也以浏览为主。2005年以后，互联网进入Web2.0时代，各种类似桌面软件的

Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文

字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更

好的使用体验，这些都是基于前端技术实现的。

随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。

XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、

网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。

为什么它们会对自己的网站进行重构呢？有两个方面的原因：

第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性

能，还能提高可维护性，对有哪些信誉好的足球投注网站引擎也更友好；

第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文

件更小，下载速度更快。

网站重构的目的仅仅是为了让网页更符合Web标准吗？不是！重构的本质是构建一个

前端灵活的MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript

负责调度数据和实现某种展现逻辑（Controller）。同时，代码需要具有很好的复用性和可

维护性。这是高效率、高质量开发以及协作开发的基础。

DHTML可以让用户的操作更炫，更吸引眼球；Ajax可以实现无刷新的数据交换，让

用户的操作更流畅。对于普通用户来说，一个网站是否专业、功能是否强大，服务器端是

用J2EE+Oracle的强大组合，还是用ASP+Access的简单组合，并没有太明显的区别。但是，

前端的用户体验却给了用户直观的印象。

随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发

工程师这一职业终于从设计和制作不分的局面中独立出来。

杨教授工作室，版权所有，盗版必究，1/6页

杨教授工作室精心创作的优秀程序员职业提升必读系列资料

1.1.2Web前端开发技术三要素

Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普

及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。

Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与

下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开

发工程师提出了要求。

如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于

不太重要的知识，我们只需要“通”即可。但“通”到什么程度才算够用呢？对于很多初

级前端开发工程师来说，这个问题是非常令人迷惑的。

1.1.3前端开发的入门门槛其实非常低

与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，

对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有

很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越

陡峭，每前进一步都很难。

另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研

究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSSsprite、负边距布局、栅

格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器

大战也越来越白热化，跨浏览器兼容方案依然是五花八门。

为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可

能创建一个好的前端架构，保证代码的质