不同级别的前端都拿多少月薪？月薪2万属于低收入吗？

待我称王封你为后i 2022-09-03 05:10 258阅读 0赞

## 一、前端程序员公司会给什么待遇 ##

抛开个人技能能力和面试技巧不谈，公司给前端程序员什么待遇还取决于公司的业务，比如公司招个前端只是为了维护官网，那一般工资不会太高，但是如果是需要某项领域非常精通，比如前端工程化、数据可视化、Webkit、可视化搭建等等，那么对前端的要求和工资也会比较高，例子虽然比较极端但却很真实，所以在选择公司和岗位的时候，也要考虑匹配度。

然后我在结合目前主流平台数据分析下目前前端程序员的工资水平：

北京前端程序员平均工资：19700元/月（数据截止到2020年11月4日，取自19038份样本）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70][]  
各地区前端程序员平均工资排行榜（数据截止到2020年11月4日）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 1][]

前端程序员不同经验对应的工资水平（数据截止到2020年11月4日）：

**应届生：**

![020ac0ab19ca4dc2b04333b632fd3937.png][]

**1-3年经验：**

![841ae795102d42adb1a7690be073e2f1.png][]

**3-5年经验：**

![f5083e61a24c4fd491e4f100e3c81d9b.png][]

**5-10年经验：**  
![f8b28f3ec31d441aab3e49fd2d056fe3.png][]  
从上面数据可以大致看出影响前端程序员工资的有地区和工作经验，大家可以根据自己的情况对号入座。

**再来看下不同技能栈的前端工资水平（以北京字节跳动招聘需求为标准）**

**3000-6000**

1、熟悉移动端布局，熟悉自适应布局及 css3 特性  
2、掌握JavaScript、AJAX、CSS、jquery等web前端技术；  
3、熟悉Angular、Vue中的至少一种；

**6000-10000**

1、计算机基础扎实，熟悉常见的数据结构、算法和设计模式；  
2、理解并掌握Javascript语言核心技术DOM、BOM、Ajax、JSON等，对MVVM框架应用(如React/Vue等)有一定的经验；  
3、有后端/移动端（安卓/iOS）开发经验优先；

**10000-15000**

1、精通HTML、CSS、JS，熟悉页面架构和布局，熟悉HTML5/CSS3等常用技术；  
2、熟悉常用UI框架（如bootstrap/pure/kendo等);  
3、精通JavaScript、AJAX、DOM、jQuery等技术；  
4、熟悉NodeJS，熟练使用Grunt、Gulp、Webpack等构建工具；  
5、具备MVVM框架开发经验，如React、VueJS、AngularJS等；  
6、良好的沟通和团队协作能力、热爱技术、责任心强、能推动技术框架的落地

**15000-30000**

1、熟练掌握 JavaScript，CSS，HTML，DOM、绘图、动画、协议、安全、网络、性能优化等前端技术，对主流前端框架（ React \\ Vue \\ Angular 等）至少一种有深入应用并深入理解其设计原理；  
2、熟悉 ReactNative/Weex 框架，有相关开发经验者优先；  
3、有安卓、iOS 开发经验者优先；  
4、对用户体验、交互操作流程，及用户需求有一定了解； 5、热爱前端技术，有较强的学习能力，有强烈的求知欲、好奇心和进取心 ，能及时关注和学习业界最新的前端技术。

## 二、 前端程序员在行业中的位置，跟其他程序员相比，前端程序员的待遇如何？ ##

据统计，国外的前端开发人员和后端开发人员比例约为1:1，但是国内比例却在1:3以下，前端开发职位的人才缺口巨大，贴一张编程语言需求，JavaScript是目前需求最多的编程语言之一（如下图），前端企业用人数量已经远远超过主流编程语言Java、ASP、和iOS等的开发人员的数量。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 2][]  
待遇高低和从事哪个行业无关，和前端，后端开发无关，无论是前端开发，还是后端开发，都是分成多个级别的，比如初级、中级、高级、资深、专家等，一个初级后端怎么能和专家级的前端比待遇？

前端偏向用户体验，后端偏向数据与计算，如果你有以用户为中心的思维，那就做前端，如果你有缜密的思维和逻辑，建议选择后端，只有自己擅长的才会有更大的成长空间。

如果你选择了前端，那就要一鼓作气，不能半途而废。前端要学的东西也挺多的，但有兴趣才是坚持下去的动力，一起加油。

前端学习内容复杂、网上资料良莠不齐，想要靠自己梳理清楚确实不容易，为了帮助想要在这条路上一路走到黑的朋友，特别整理了《前端工程师学习进阶资料大全》。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。（本文资料 适合0-2年）

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

![d74f8b42f4a63c76b18efc6a818147df.png][]

![6deb905d9655a3f0f54b8920686e1970.png][]

**前端面试题汇总**

![1471537bfd3f5a483690ca477fd3f2b9.png][]

**JavaScript**

![7796de226b373d068d8f5bef31e668ce.png][]

**性能**

![d7f6750332c78eb27cc606540cdce3b4.png][]

**linux**

![ed368cc25284edda453a4c6cb49916ef.png][]

**前端资料汇总**

![6e0ba223f65e063db5b1b4b6aa26129a.png][]

#### 完整版PDF资料免费分享，只需你点赞支持，[【动动手指点击此处就可免费领取了】][Link 1]。 ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70]: /images/20220829/c50ae60184d949d38082003d3a3c585b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 1]: /images/20220829/7bd5372582f14ae789cc016371482b04.png
[020ac0ab19ca4dc2b04333b632fd3937.png]: /images/20220829/2264c673ce22418bbd6a88c9bc004588.png
[841ae795102d42adb1a7690be073e2f1.png]: /images/20220829/e7367012d58b4a06a7ee33466c98d6f3.png
[f5083e61a24c4fd491e4f100e3c81d9b.png]: /images/20220829/8968bff315f7419a836996142fce8d84.png
[f8b28f3ec31d441aab3e49fd2d056fe3.png]: /images/20220829/c3073419e3ee4a2584b61fd04f69bfe5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM_size_16_color_FFFFFF_t_70 2]: /images/20220829/4f2c28b1c7734d62a4d8860e79786ddc.png
[d74f8b42f4a63c76b18efc6a818147df.png]: /images/20220829/6381c1fc7a2b410485d944e7553901ea.png
[6deb905d9655a3f0f54b8920686e1970.png]: /images/20220829/4f1bb7ad72ec4378b4fac181e507dea5.png
[1471537bfd3f5a483690ca477fd3f2b9.png]: /images/20220829/5951b3f5a92d48d28980544fc405c59a.png
[7796de226b373d068d8f5bef31e668ce.png]: /images/20220829/60bb502503be4d479d57acfc7e70dce9.png
[d7f6750332c78eb27cc606540cdce3b4.png]: /images/20220829/53bdb8bb1f044d40aa298983b286e8ec.png
[ed368cc25284edda453a4c6cb49916ef.png]: /images/20220829/802d5552136d4d9bb60259936e42b254.png
[6e0ba223f65e063db5b1b4b6aa26129a.png]: /images/20220829/e95a7023e70b4bfe911fd8d35a3788b1.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=NgZqxZAa