目前web产品的交互越来越复杂，用户体检和网站前端性能优化这些都要靠web前端工程师去做，web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，web前端工程师在整个团队中是很关键的。今天华清远见的小编就来为你分享一下，作为一名web前端工程师你必须要掌握的基础知识与技能有哪些?

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

1、网页的基本结构(HTML + CSS)

HTML是一种标记语言，而不是编程语言，基本是标签是和，CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门，但很多人不够深入，举几个例子：

标签是作什么用的?margin-left与left有什么区别，应该在什么情况下使用?

再出个DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。

如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深入。

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

不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，下图展现一个google首页在IE9下的加载细节：

在做web性能优化时，对浏览器渲染及细节要进一步了解。

说个比较有用的知识点：目前浏览器并行加载的上限是6，老版本的浏览器会有所不同。

3、网页的生命周期

不同的web框架下，页面的生命周期会有所不同，大体还是一样：

客户端发送GET请求，服务器返回相应页面，客户端完成操作及数据，然后POST给服务器。一定要对数据的传递(前台与后台,页面之间)的细节了然于心。

4、DHTML DOM BOM Javascript AJAX

这是Web前端开发的重中之中，大多数时候我们都在和他们打交道。

说几个注意点：

(1)javascript是单线程编程，所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已;

(2)详细了解DOM事件机制;

(3)客户端存储(HTML5中增加了localStorage和sessionStorage);

(4)javascript不像服务器端语言那样严谨，调试不是很方便，所以一开始要养成严谨的javascript编辑习惯;

(5)javascript很强大很灵活，不要幻想短时间内熟练(更别说精通)它，并写些框架、类库，初始阶段还是先用熟练已成熟的框架(比如jquery)当入门;

(6)一定要熟练使用客户端调试工具，nodejs。

(7)还有一些打包工具webpack、grunt、glup等。还有vuejs等前端主流框架。