web前端工程师做什么工作，知道这些必备技能你会不想做前端？

Love The Way You Lie 2022-04-10 07:53 257阅读 0赞

很多看到web前端行业高薪，想要成为web前端工程师的同学，却对web前端工程师是做什么的?也不是很明白，今天就和大家说一下。其实我们最需要明白的是，web前端工程师需要学什么?

**自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。**

> **加Q Q群：956940552（招募中）**

1、HTML

这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

![web前端工程师做什么工作，知道这些必备技能你会不想做前端？][web]

2、CSS

这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html 或者 css+div 来进行界面布局，所以css是用于辅助html来布局和展示的，我们称之为“css样式”，为什么会说css+div呢?

因为我上面说了div就是 html主要用于布局的东西，所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好。css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟布局 有关系的样式，一点要掌握。

![web前端工程师做什么工作，知道这些必备技能你会不想做前端？][web 1]

3、JavaScript

可能前两个大家觉得还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不需要会很多东西的，只要会根据某个id、或者name拿到网页dom或者样式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据、追html，这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就 是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js，其他的直接百度就好了。然后看多了，用多了，就什么都不是问题了。

![web前端工程师做什么工作，知道这些必备技能你会不想做前端？][web 2]

4、jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少，jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。其他的一样百度就够了。

![web前端工程师做什么工作，知道这些必备技能你会不想做前端？][web 3]

前端工程师岗位要求

1、熟练使用DIV+CSS并结合JS负责产品的前端开发和页面制作;

2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能运用DIV+CSS解决浏览器的兼容性;

3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构;

4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作;

5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解;

6、做事认真负责，具有良好的沟通和团队协作能力。

[web]: http://p3.pstatp.com/large/dfic-imagehandler/ec870e86-d3f2-42af-ab48-c6a024d028d7
[web 1]: /images/20220401/10c623db313e47cbacc6f8eda70a3b5d.png
[web 2]: http://p3.pstatp.com/large/dfic-imagehandler/ea2290bd-fe3c-43c6-b14e-4859dacc4e78
[web 3]: http://p3.pstatp.com/large/dfic-imagehandler/b6901f51-7fd8-46bb-93db-b9bebe31338a