既然技术本质是工具,那么10年前端老兵来聊聊前端工程师2024年自救指南

4,610 阅读6分钟

前言

大家好,我是北漂大橙子, 10年前端老兵,也做过安卓开发,后端java开发, 曾在算上老板只有三个人的公司奋斗过,也曾有幸在国内一线互联网公司留下过自己的脚印。

本文不是一篇回忆前端发展考古文章,也不想给大家继续贩卖焦虑 , 而是客观想一下 前端程序员以及所有程序员深处当下时代漩涡中,该何去何从。

  33302d3b-6795-47fb-ac4d-9e6ca7e0f2d9.jpg

行业现状

客观数据

     2024年, 互联网技术发展发展流量见顶,截止到目前

  •      抖音10亿用户,5.4亿

  •      微信8.4亿

  •      快手日活3.5亿

    伴随着是大量的公司部门解散,cy,招聘锐减

主观感受

      记得我刚工作前几年,大大小小的公司都在搞着各种 公众号小程序hybrid以及各种h5端营销页,各种面向c端的系统等,由于前端工程师资源稀缺,所以当时主要开发面向用户的系统界面,而管理系统等偏后台的页面一般都是后端同学自己搞搞即可。

如今呢  

  • vue推出vue3.0版本已经2年, 但是市面上大部分系统还是以Vue2为主
  • react 主推以nestjs为核心的服务端渲染 ,但是市面上大部分系统还是单应用客户端渲染就能满足
  • webpack自从推出最后一个模块联邦功能之后,就投入到了提升构建速度上的研发了,势必要和rust掰掰手腕

新系统新功能越来越少,甚至大部分都进入了维护阶段,没有那么多的页面需要前端去开发,而业务维护角度,前端相较于后端天然偏弱

前端视角下的技术本质

    先上结论前端主要的突破点其实在提效类工具而非业务上,而最高成就是成为前端负责人

c3c08fee207fdc5e12bb4c1df79023d.jpg

下面从我个人角度说一下对技术认知的几个阶段

e5f7efaaafed95f098b1061a7ffa2e65.png

第一阶段

关键词:新技术

我是从最开始的adoble flash开始写页面(听说过这个的至少年龄40+了)到后来开始学习最新流行的jquery,backbone新技术新框架,vue3, react, nestjs, qiankun,microApp,webpack-vite, 小程序,低代码等等,那会儿对新技术掌握的越多越熟练,就能取得不错的成绩

86e9f05d-c6c9-46e9-b7d2-5607b9c300d6.jpg

第二阶段

关键词:造轮子

慢慢的发现 有很多新技术在工作中是用不到的,开始想实际在工作中能应到的如何提效或者高复用类的工具,开始疯狂造各种轮子。开始对工具封装,组件库封装,cli工具或者各种插件封装,如果有现成的轮子就会考虑如何换其他方式或者其他语言实现,是否能在这基础上增添功能。

38d68285-dc23-4d19-ae55-640729995ac1.jpg

第三阶段

关键词:深入业务

前端不只是限于提效问题上有所作为,当然伴随着各行业业务收缩,似乎提高开发效率并不是一件高优的事情了,而是要真正的了解业务,但是不可避免的是,多年的积累下来,大部分前端难免被资源化,同时在深入业务上后端研发又比前端有着天然优势。似乎未来前景一片黯然

c7837904ae9e5ed44f1e8da5be30e760.jpeg

那么在当下我们除了坐以待毙可以做些什么呢?

如何自救

 

深挖前端 (难度指数:5)

继续保持学习前端深水区相关知识,毕竟前端工作并不是消失了,只是岗位比之前少了同时知识范围深度和广度都比之前要大,

包括但不限于 各种框架最新方向的掌握

从webpack到vite

从vue2到vue3

从react 到 nestjs

pc,h5,小程序,app跨端的掌握

低代码无代码流行开发方式的掌握

...

当然 基础也要打牢,

对了,还有算法

e62712a71e6b219e9f66c4d68414ce31.jpeg

另辟蹊径(难度指数:6)

鸿蒙 electron reactnative flutter等类原生客户端开发领域

优点:属于前端里的小众赛道,所以竞争压力小

缺点:属于前端里的小众赛道,所以招聘岗位少

如果准备这个赛道的话除了除了掌握常规的界面相关开发技能,还是需要掌握原生相关开发技能,因为和你竞争的还有原生开发转过来的

鸿蒙单独说一下,目前有很多公司都在把自己的app在开发一个鸿蒙版本,短期来看岗位需求较多,有实际鸿蒙开发经验的人不多,目前竞争压力较小,

32332466-1257-4598-a50d-bc0cfb84ec35.jpg

可视化(难度指数:8)

关键词: svgcanvas,css3, konva等, d3,threeejs,webgl,unity2d webgis

2d类的可视化甚至不能单独作为一个方向,

3d类的话,如果想把这个作为一个方向的话,常见的有webgis,或者数字孪生类工作

但是如果只是想着学学调用threejs api,那距离找工作水准 中间还差的比较远 同时该方向的学习成本也是较高,但薪资水平总体相对偏低

d5b91da2-5d6a-4d8a-a5f3-fb6caca24fd9.jpg

全栈(难度指数:6)

后端的主要语言java,go,再加上对于前端友好的nestjs,从其中选择一个语言去学习,个人建议选择Java,理由是Java对于后端领域各类问题基本都有了

成熟的解决方案,同时现在java现在基本上是spring+各种中间件基本都覆盖了,所以后端学习路线相对明朗, 当然缺点就是java行业现在也是非常的卷

d52bd950-a353-4b4e-89c0-1a1bd1d28eae.jpg

自媒体(难度指数:8)

这也是很多选手都在尝试的一条路,比如网红,前有某React工程师勇闯恋爱综艺,后有大量的java继父,vue之母等等

自媒体方向非常广,

首先需要找到适合自己的内容和定位(这个本期先不细说,以后单独开一篇讲讲,本人也在探索中,以后有成果了会再和大家来汇报),

然后在找到适合自己内容的形式

形式上大致分为三类

  • 视频: 抖音 快手 视频号等
  • 音频 :喜马拉雅,豆瓣音频等
  • 文字: 掘金,知乎 公众号 头条号 小红书等

形势+内容都有了,剩下的就是日复一日的坚持,可能是三五天,也可能是三五年,直到你被命运(流量)选中

25174475-6aa7-4f5e-9241-586410316b14.jpg

当然如果说以上你觉得都不适合自己,那也没有关系,因为天无绝人之路!

终极秘籍

重生之我---之在线炒粉 (难度指数:1)

5a85af33198158d9757b895004b898ec.gif

你们都在说段子,只有我是来真的😭

a6dd86db-7d32-4cbc-beef-da50ed68dfe8.jpg

装备已经到了,不说了,我要准备热锅了

最最后

你会发现不管选择哪个方向似乎都不是那么容易,

是的,

因为

没有人能够随随便便成功,共勉吧 各位少年!

2360b594-0f52-468a-92fb-595c950cf177.jpg