表妹问：前端好玩吗？我说好玩！但表妹接下来的回复给我整哭了

科叼

​
表妹问：前端好玩吗？我说好玩，但表妹接下来的回复给我整哭了。



是的，回复如下：
这红海血途上，新兵举着 "大前端" 旌旗冲锋，老兵拖着node_modules残躯撤退。资本织机永不停歇，框架版本更迭如暴君换季，留下满地deprecated警告如秋后落叶。

其一、夹缝中的苦力
世人都道前端易，不过调接口、改颜色，仿佛稚童搭积木。却不知那屏幕上寸寸像素之间，皆是血泪。产品拍案，需求朝夕三变，昨日之红蓝按钮，今晨便成黑白圆角。UI稿纸翻飞如雪，设计师手持“用户体验”四字大旗，将五更赶工的代码尽数碾碎。后端端坐高台，接口文档空悬如镜花水月，待到交付时辰，方抛来残缺数据。此时节，前端便成了那补天的女娲，于混沌中捏造虚拟对象，用JSON.parse('{"data": undefined}')这等荒诞戏法，将虚无粉饰成真实。

看这段代码何等悲凉：

1. // 后端曰：此接口返data字段，必不为空
   
2. fetch('api/data').then(res => {
   
3.   const { data } = res;
   
4.   render(data[0].children[3].value || '默认值'); // 层层掘墓，方见白骨
   
5. });

复制代码

此乃前端日常——在数据废墟里刨食，用||与?.铸成铁锹，掘出三分体面。

其二、技术的枷锁
JavaScript本是脚本小儿，如今却要扛鼎江山。君不见React、Vue、Angular三座大山压顶，每年必有新神像立起。昨日方学得Redux真经，今朝GraphQL又成显学。更有Electron、ReactNative、Flutter诸般法器，教人左手写桌面应用，右手调移动端手势。所谓“大前端”，实乃资本画饼之术，人前跨端写，人后页面仔——既要马儿跑，又言食草易。

且看这跨平台代码何等荒诞：

1. // 一套代码统治三界（iOS/Android/Web）
   
2. <View>
   
3.   {Platform.OS === 'web' ?
   
4.     <div onClick={handleWebClick} /> :
   
5.     <TouchableOpacity onPress={handleNativePress} />
   
6.   }
   
7. </View>

复制代码

此类缝合怪代码，恰似给长衫打补丁，既失体统，又损性能。待到内存泄漏、渲染卡顿时，众人皆指前端曰："此子学艺不精！"

何人怜悯前端 node18 react19 逐人老，后端写着 java8 看着 java22 笑。



看新机会
前端好玩是建立在一定物质基础上的，如果近期看新机会，不排斥偶尔加班（加班给加班费）可以考虑下
薪酬money给的还可以：技术大厂，前、后端/测试捞人，一起来共事~

其三、尊严的消亡
领导提拔，必先问尔可懂SpringBoot、MySQL分库分表？纵使前端用WebGL绘出三维宇宙，用WebAssembly重写操作系统，在会议室里仍是“做界面的”。工资单上数字最是直白——同司后端新人起薪一万五，前端老将苦熬三年方摸得此数。更可笑者，产品经理醉酒时吐真言："你们不就是改改CSS么？"

再看这可视化代码何等心酸：

1. // 用Canvas画十万级数据点
   
2. ctx.beginPath();
   
3. dataPoints.forEach((point, i) => {
   
4.   if (i % 100 === 0) ctx.stroke(); // 分段渲染防卡死
   
5.   ctx.lineTo(point.x, point.y);
   
6. });

复制代码

此等精密计算，在他人眼中不过"动画效果"，与美工修图无异。待浏览器崩溃，众人皆曰："定是前端代码劣质！"

技术大会，后端高谈微服务、分布式，高并发，满座掌声如雷，实则系统使用量百十来人也是远矣；前端言及 CSS 栅格、浏览器渲染，众人瞌睡连天。领导抚掌笑曰：“后端者，国之重器；前端者，雕虫小技。” 晋升名单，后端之名列如长蛇，前端者

1. function handleData(data) {
   
2.   if (data && typeof data === 'object') { // 万能判断
   
3.     return data.map(item => ({
   
4.       ...item,
   
5.       newProp: item.id * Math.random() // 魔改数据
   
6.     }));
   
7.   }
   
8.   return []; // 默认返回空阵，埋下百处报错
   
9. }

复制代码

埋没于墙角尘埃。纵使将那界面写出花来，终是 “美工” 二字定终身。

其四、维护者的悲歌
JavaScript本无类型，如野马脱缰。若非经验老道之一，常写出这等代码：



此类代码如瘟疫蔓延，领导却言“这些功能实习生也能写！”，却不顾三月后连作者亦不敢相认，只得下任前端难上加难。

而后端有Type大法，编译检查护体，有Swagger契约，有Docker容器，纵使代码如乱麻，只需扩内存、增实例，便可遮掩性能疮疤。

其五、末路者的自白
诸君且看这招聘启事："需精通Vue3+TS+Webpack，熟悉React/Node.js，有Electron/小程序经验，掌握Three.js/WebGL者重点考虑。" 薪资却标着"6-8K"。更有机智者发明"全栈"之名，实欲以一人之躯，承三头六臂之劳。

再看这面试题何等荒谬：

// 手写Promise实现A+规范
class MyPromise {
  // 三千行后，方知自己仍是蝼蚁
}

此等屠龙之术，入职后唯调API用。恰似逼庖丁解牛，却令其日日杀鸡。

或以使用组件库之经验薪资招之，又以写不好组件库之责裁出。

尾声：铁屋中的叩问
前端者，数字化时代的纺织工也。资本织机日夜轰鸣，框架如梭穿行不息。程序员眼底血丝如网。所谓"全栈工程师"，实为包身工雅称；所谓"技术革新"，不过剥削新法。

若仍有少年热血未冷，欲投身此业，且听我一言：君有凌云志，何不学Rust/C++，做那操作系统、数据库等真·屠龙技？莫要困在这CSS牢笼中，为圆角像素折腰，为虚无需求焚膏。前端之路，已是红海血途，望后来者三思，三思！

——转载自作者：四叶草会开花

​