开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端
工程师沟通，需要掌握的技能非常多。这就从知识的广度上对

Web 前端开发工程师提出了

要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不
太重要的知识，我们只需要

“通”即可。但“通”到什么程度才算够用呢？对于很多初级前端开

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

 

　　前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开
发的学习曲线是先快后慢。所以，对于从事

IT 工作的人来说，前端开发是个不错的切入点。

也正因为如此，前端开发领域有很多自学成

“才”的同行，但大多数人都停留在会用的阶段，

因为后面的学习曲线越来越陡峭，每前进一步都很难。另一方面，正如前面所说，前端开发
是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不
时闪现出来，例如

CSS sprite、负边距布局、栅格布局等；各种 JavaScript 框架层出不穷，为

整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依
然是五花八门。为了满足

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

样才可能创建一个好的前端架构，保证代码的质量。

 

Web 前端开发工程师的具备条件

　　一位好的

Web 前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公

司即使出高薪也很难招聘到理想的前端开发工程师。本书的重点不在于讲解技术，而是更侧
重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。以前会

Photoshop 和

Dreamweaver 就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是
开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，
而是叫

Web 前端开发。Web 前端开发在产品开发环节中的作用变得越来越重要，而且需要

专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。

Web 前端开发是一项很

特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主
要职能就是把网站的界面更好地呈现给用户。

 

　　如何才能做得更好呢？

 

　　第一，必须掌握基本的

Web 前端开发技术，其中包括：

CSS、HTML、DOM、BOM、Ajax、JavaScript 等，在掌握这些技术的同时，还要清楚地了解它
们在不同浏览器上的兼容情况、渲染原理和存在的

Bug。 

　　第二，在一名合格的前端工程师的知识结构中，网站性能优化、

SEO 和服务器端的基

础知识也是必须掌握的。

 

　　第三，必须学会运用各种工具进行辅助开发。

 

　　第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、
组件的易用性、分层语义模板和浏览器分级支持，等等。

 

　　可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开
发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于
老手来说，也时常不知道下一步该学什么。

 

　　代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无
数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更
易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。

CSS、HTML、JavaScript

这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝
万缕的联系。