web 前端工程师前景与前途及入门须知

本文是写给那些想要入门

web 前端工程的初学者以及想大概了解下 web 前端工程师

前景和前途的朋友，高手请路过，也欢迎高手们拍砖。

先说下

web 前端工程师的前景和前途与价值。目前 web 产品交互越来越复杂，用户使用

体验和网站前端性能优化这些都得靠

web 前端工程师去做 web 前端工程师是设计加开发

的综合体，

web 前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个

开发团队的成果是要靠

web 前端工程师去展现，因为用户不会去关心后台的处理有多么强

大；在设计人员中

web 前端工程师是直接面向开发人员的设计人员，向开发人员以一种

计算机语言的方式传递其设计理念，

web 前端工程师在整个团队中是很关键的。

在我眼中一名合格的

web 前端工程师必须得掌握 HTML、CSS 和 JavaScript。只懂其中

一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精

通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。

下面说下我眼中

web 前端工程师要掌握的基础知识和技能：

1 、网页的基本结构（HTML + CSS）
HTML 是一种标记语言，而不是编程语言，最基本是标签是<html>和<body>，CSS 是

用来定义如何显示

HTML 元素的。对 HTML+CSS 很容易入门，但很多人不够深入，举几

个例子：

下使用？再出个

DIV+CSS 布局问题：一个宽度不确定的 DIV 里面放三个水平对齐的

DIV，左右两个 DIV 宽度固定为 150px，中间那个 DIV 充满剩余的宽度。如果这些问题你

目前还不知道，对那个布局问题几分钟内不能解决，说明你对

HTML+CSS 还不够深入。

、浏览器是怎么展现网页的

不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具。下图展现

一个

google 首页在 IE9 下的加载细节：在做 web 性能优化时，对浏览器渲染及细节要进

一步了解。说个比较有用的知识点：目前浏览器并行加载的上限是

6，老版本的浏览器会

有所不同。

、网页的生命周期

不同的

web 框架下，页面的生命周期会有所不同，大体还是一样：客户端发送 GET 请求，

服务器返回相应页面，客户端完成操作及数据，然后

POST 给服务器。一定要对数据的传

递

(前台与后台,页面之间)的细节了然于心。

4 、DHTML DOM BOM Javascript AJAX

这是

Web 前端开发的重中之中，大多数时候我们都在和他们打交道。说几个注意点：

javascript 是单线程编程，所谓的 javascript 异步编程只不过是计划在未来的某个时间上

执行相应事件而已；详细了解

DOM 事件机制；客户端存储（HTML5 中增加了

localStorage 和 sessionStorage）；javascript 不像服务器端语言那样严谨，调试不是

很方便，所以一开始要养成严谨的

javascript 编辑习惯；javascript 很强大很灵活，不要

幻想短时间内熟练（更别说精通）它，并写些框架、类库，初始阶段还是先用熟练已成熟

的框架（比如

jquery）当入门；一定要熟练使用客户端调试工具。

、服务器端语言开发经验，

PS 切图技术