百万年薪的前端工程师需要掌握的技能

Web前端的薪资又涨了，Web前端2-3年工作经验的人年薪30万也不稀奇。各招聘网站对Web前端的招聘职位越来越多，招聘薪资和福利也是一涨再涨，学习Web前端成了很多年轻人的选择。

　　在学习之前，我们首先得知道，成为Web前端工程师，需要掌握哪些技能。一名优秀的Web前端工程师，需要JavaScript语言基础扎实，熟悉ES5、S6语法，了解TypeScript，具有良好的规范开发习惯;熟悉常用的设计模式，熟练使用Vue、Angular技术栈开发。

　　而且大家还要能够熟练使用Angular、vue、react、echarts、jQuery等框架进行传统开发;还要熟悉MVVM、MVC开发模式;熟悉前端工程化，自动化技术，可以根据需求配置Gulp文件及更改Webpack配置文件;熟练使用git版本管理工具。

　　更要熟悉HTML5及CSS3新特性，定了解WebAPI;有商城系统Web前端的开发经验，并且有工作成果和作品;了解不同浏览器之间的差异，制作出的页面能够有很好的兼容性;待代码的态度严谨，有良好的编程习惯。

高级前端工程师之路-知识体系和方法论

前端工程师和任何一个岗位一样，想要由浅入深，从初级走向高级，不仅需要理论和实践的大量积累，还需要方法论。有无方法论的区别就如同这句话：过去一年，有些人活了一年365天，而有些人只活了1天重复了365次。方法论的意义就是要告诉我们在同样的时间维度下，时间在走，你的知识体系的广度和深度也在不断的加强。所以本文的关键词就是知识体系和方法论。

知识体系

前端知识体系主要包含html(h5)、css(ccs3)、js(es6)、前端js库（比如jquery）、前端样式库（如bootstrap）、前端框架（angular、react、vue）、移动端开发、模块化、组建化、工程化、前端安全、前端性能。广度就是尽可能将自己的知识体系对前端的方方面面都有覆盖，深度就是前端的任何问题别人问到你时，你尽可能的可以给别人解释个一二三，是什么、为什么、怎么用。

设计模式-jQuery源码分析

函数式编程-Underscore.JS源码分析

模块化编程-自研模块加载器

单页应用开发

VUE.JS

Recat

webpack

VUEPress

移动端app开发

H5

Flutter

小程序

Node开发工程师

node开发导学

Web开发框架-Koa源码分析

egg.js应用实战

自动化测试

线上服务器部署与发布

方法论

基于知识体系，先有个宏观的知识体系架构，这是进阶的很关键一点：刚开始要好读书而不求甚解，概览全貌后深入微观。也就是说先将知识体系划分板块，提纲挈领，而后对每个板块进行深挖。期间对大块继续进行小板块划分，直至将知识细分到点。深度讲究的是对知识体系的每个板块、小版块、知识点进行深挖。深挖需要消耗大量时间，所以就有行业中的专业进阶规律，三年入门、五年小成、八年有所成。

总结

本次主要分享百万年薪前端工程师的知识体系和进阶方法论。