web前端工程师，需要学习的地方非常多，整体来看Web前端全栈工程师的知识体系分为三个阶段：基础阶段、进阶阶段、框架阶段。想多挣钱、想不失业就要不断进阶，每达到一个阶段的要求，你在HR那里的得分都会提高一个分段，能得到的薪酬也会上一个档次。

1. 基础阶段

(1) HTML：超文本标记语言，由各种标签组成，比如\\u003cdiv\\u003e标签，主要用来搭建页面结构，是开发必不可少的基础之一，目前所说的H5页面，H5工程师，就是利用最新的html5版本的技术进行开发。

(2) CSS：层叠样式表，主要负责页面的美化，相当于人的着装打扮，可以控制html标签比如\\u003cdiv\\u003e，让它移动到页面的任意位置，任意排布，指定颜色边框背景等等。单纯HTML的页面是粗糙难看的，当下任何一个页面的开发都需要CSS的修饰，是开发必不可少的基础之一，目前发展到CSS3版本。

其中CSS分为以下几个阶段：

① PC端：CSS基础没啥说的，必须会！

② 移动端：了解移动端常用布局，如：流式布局，flex布局，rem布局。

③ 响应式：能利用媒体查询进行响应式开发，响应式开发是根据用户屏幕尺寸的不同呈现不同的页面显示。

④ CSS3：会用CSS3动画，3D效果。

(3) Js基础：Js全称javascript，是一门脚本语言，是web前端开发的核心技能，重要性大于前面两个，难度也更高，只有掌握了js才能称得上是合格的前端开发。此语言和java没有半毛钱关系，只是名字像而已。

Js分为三个部分，包括：

① 基础语法

② Dom 文档对象模型，可以页面元素操作，比如删除页面上的一个标签，创建标签等。还能监听页面事件，比如按钮的点击，各种鼠标键盘事件，可以收到用户的行为并进行处理。

③ Bom 浏览器对象模型，主要用来控制浏览器的一系列交互，比如可以控制浏览器弹出警示框，监测浏览器的窗口大小变化等。

注意：学完此阶段，可开发简易难度的动态页面，但要求CSS和JS掌握熟练才有独立工作的能力！

JS是面试中HR最看重的技能，换句话说，学到这儿，你才初步具备了应聘资格，但仅仅学到这，工资不会高，这个阶段的程序员相当于后厨切菜小工，炒是不可能给你炒的。 分享一个很详尽的资料包，基本上跟着看完学完也就懂差不多了。

2. 进阶阶段

(1) jQuery：JS的框架之一，也是前端必会的框架之一，因其操作简单，功能齐全而著称，座右铭：write less do more(写更少的代码做更多的事)。能大大简化JS操作。

(2) Bootstrap:响应式框架，包含CSS组件，JS组件，可快速搭建响应式页面，复制粘贴即可，但需要根据实际需求改动，能快速生成页面轮播图，知名度较高。

(3) JS高级：JS内容极多，掌握基础阶段还不够，需要学习最新的JS技术，比如ES6大版本新增的各种API，语法，箭头函数，以及高级的变量声明方式。

(4) 前后端交互技术，前端页面一般是要搭配后端+数据库使用，所以如何与后端传输数据就变得极为重要，那么主要用到JS中的异步请求来实现，也就是ajax技术。全栈发展的前端工程师还需要掌握node.js来进行服务器开发也就是搭建后端，以及数据库的使用，简单说node.js就是运行在服务端的js，node是js的运行环境。

如果你是一个会搭建后端的前端，给了你offer就可以省去一个后端的工资，想想看HR会有多爱你。

3. 框架阶段

恭喜你来到高薪阶段，下面我们一起看看一个高薪程序员都必须会些什么。

(1) 团队协助：git和github或码云，代码管理仓库。

(2) Vue框架：Vue.js是一款流行的JavaScript前端框架，旨在更好地组织与简化Web开发。能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。前端很火的框架，好用，上手容易精通难，要会使用vue全家桶进行项目开发。

(3) React：也是用来创建用户界面的js框架，vue和react至少要会一个，都是为了提高开发效率，简化js操作，并且工程化代码。

(4) 微信小程序：应对目前流行的微信小程序平台，掌握小程序的开发能为前端的加分项，底层技术和pc端差不多，但开发时要遵循微信小程序开发标准，在微信小程序中没有Dom的概念，所以一些操作Dom的框架不能用，比如jQuery。