Web前端工程师 VS 前端工程师？What？

但IT技术属于变化比较快的领域，前端工程师技术又增加了：nodejs、Hybrid App等。

之所以更名，是因为现如今前端工程师所涵盖的职责范围，已经包含后端、跨平台等多种职能，不能简单地认为只是Web前端工程师。

两者技术上区别之外，就是大家所关心的薪酬上的区别。

全国

前端工程师

Web前端工程师

全国前端工程师平均工资：¥ 13130/月，取自 154596 份样本

全国web前端开发平均工资：¥ 9390/月，取自 71213 份样本

在全国的数据调查中，Web前端工程师与前端工程师的平均薪资相差4000左右。

在前端工程师中，20k-30k之间占比23.1%，10k-15k占比16.5%，6k-8K占比15.6%。

在Web前端工程师中，20k-30k之间占比16.5%，6k-8K占比17.1%，4.5k-6k占比20%。

北京

前端工程师

Web前端工程师

北京前端工程师平均工资：¥ 18070/月，取自 27199 份样本，较 2016 年，增长 37%。

北京web前端开发工程师平均工资：¥ 17650/月，取自 5554 份样本，较 2016 年，增长 44.2%。

在北京的数据调查中，Web前端工程师与前端工程师的平均薪资基本持平。

在前端工程师中，20k-30k之间占比34.2%，15k-20k占比20.3%，10k-15k占比19.9%。

在Web前端工程师中，20k-30k之间占比33.4%，15k-20k占比18%，10k-15k占比16.5%。

上海

前端工程师

Web前端工程师

上海前端开发工程师平均工资：¥ 18930/月，取自 14881 份样本，较 2016 年，增长 58.6%

上海web前端开发平均工资：¥ 14700/月，取自 9013 份样本，较 2016 年，增长 41.7%

在上海的数据调查中，Web前端工程师与前端工程师的平均薪资相差4000。

在前端工程师中，30k-50k占比16.5%，20k-30k之间占比36%，15k-20k占比16.2%。

在Web前端工程师中，20k-30k之间占比27.4%，10k-15k占比13%，4.5k-6k占比17.7%。

广州

前端工程师

Web前端工程师

广州前端工程师平均工资：¥ 12010/月，取自 13010 份样本，较 2016 年，增长 33.4%

广州web前端开发工程师平均工资：¥ 12010/月，取自 3976 份样本，较 2016 年，增长 36.2%

在广州的数据调查中，Web前端工程师与前端工程师的平均薪资居然一模一样。

尽管平均工资一模一样，但是在薪资的分布上仍旧有些差别。

在前端工程师中，20k-30k之间占比20.4%，10k-15k占比18.5%，6k-8k占比18.2%。

在Web前端工程师中，20k-30k之间占比22.5%，10k-15k占比15.5%，6k-8k占比20.2%。

深圳

前端工程师

web前端工程师

深圳前端工程师平均工资：¥ 15320/月，取自 19042 份样本，较 2016 年，增长 42%

深圳web前端工程师平均工资：¥ 15200/月，取自 8933 份样本，较 2016 年，增长 44.4%

在深圳，两个岗位薪资基本持平，样本数量前端工程师是Web前端工程师2倍。

在前端工程师中，20k-30k之间占比25.3%，15k-20k占比15.1%，10k-15k占比23.7%。

在Web前端工程师中，20k-30k之间占比25.5%，15k-20k占比13.5%，10k-15k占比22.3%。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

后记

---

总结一下这三次面试下来我的经验是：

1. 一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！

2. 代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！

3. 尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！

4. 多刷面经！

我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】获取。祝大家早日拿到自己心怡的工作！

篇幅有限，仅展示部分内容

限，仅展示部分内容**