前端和后端哪个好学？

如果10年前，15年前，前端好学，html js css 中期jquery一把撸，一周两周就会了，那时候反倒是后端感觉难一些，要背好多sql语法，当年我连where in都不会，join更想不明白，所以当时前端转php的时候属实花了3个月时间折磨自己，记得转php的第一家公司，让我一个从来没用过无界面linux的人源码安装指定版本的php nginx mysql phpadmin redis ，入职就懵逼了，第一夜，我都没睡觉，搞了个虚拟机，大约实验了得30多次，才最后搞明白，天都亮了了。

写php 的几家公司不断升级框架，ci thinkphp laravel ，写python 脚本，到后来的从php的curd换成了golang的curd，从多进程思想转换到单进程多线程思想，后期容器化的普及又让后端难度进一步提升，遗憾的是，容器化没机会学，那些商业的，专业的高可用，负载均衡，k8s的使用，我没有接触到公司层面的业务，自己玩纯属不专业，这是作为曾经的后端唯一的遗憾。

前期的前端，中期的后端，3年前，历史的车轮来到了疫情时代，后端失业后，php找了3个月都没人要，那时36岁，处于年龄边缘，最后，没办法，投了前端简历，竟然录取了，回想一下，那时候，hr真的是hr ，是有人性，讲道理的，你跟她谈一些事是能谈明白的，

点名表扬201x年三星鹏泰hr

点名表扬2016年苏宁pptv的hr

点名表扬2020年一起教育的hr

这是我人生中去过最好的3个公司了，hr确实很专业。

不像现在有的hr ，除了要附件简历，就是已读不回，多问几句加班强度直接不理你了。一个个跟大爷似的，老板开的公司搞的好像hr是老板似的？

言归正传，当我后期再一次回归到前端职场的时候，已经变天了，vue react的火爆，让人双目高亮，入职之前vue我用的还是1.0 ，入职后直接react + vue2.0 ，写了几天后，全都换成react了，那家公司做在线教育的，算是把前端几乎比较新的技术都用上了，mobx，electron，webrtc+websocket视频流局域网转发，canvas+手写板教师绘画，视频流+音频流的拆解合成，indexeddb的二次封装，当时没有好用的库都得自己写，加上直播在线授课的业务复杂度，我意识到，前端的复杂度已经超越后端了。

因为国家双减政策的执行，我失业了，去了一家号称要做全国采购系统的公司，到这家公司加班9 11 7的强度后离职时间为止，8个组一共开发了2000多个路由，我们组就写了近300个路由，10个月时间，我们组前端代码30万行，直播授课系统也就18万行，这个直接翻倍，可见，前端的复杂度与工作量越来越高了。

时间不等人，前进前进，2023年5月，这一次的失业猝不及防，本来想再赚一个月钱买一个新电脑，结果裁员了，之前的钱都用于房贷了，手里空空的前提下，失业了。

买房，真的是一件非常不推荐的事，100多万去辽宁阜新花7万买个60平市中心老破小，过完下辈子不香吗？

人生没有后悔药，网络上很多拍脑袋想出来的转行方法，那是真的不现实啊

1，送外卖，我刚想去送，让我送外卖的那个程序员就被车撞了，腿断了，我不敢去了。

2，开网约车，首先要有钱买车才行，我没钱怎么跑网约车，租车就只能一天干18个小时才能赚钱，属于在死亡边缘跳皮筋了。

3，我去转产品测试，hr说我没经验

4，我去转理发，烘焙甜点，对方年龄卡到28岁以内最好25岁以内

5，转汽车修理，人家要求去培训班考证，我再花钱学，哪来的钱啊

…

言归正传，2023年下半年在北京挣扎了失业后下半年，真的是投简历只有2个在线面试，说来也神奇，面试过程中聊的可好了，面试官说，webrtc他没用过，但是他希望我给他讲讲，然后讲了一会他听的挺开心的，点头表示这技术挺好，然后面试完毕后，第二天，我问hr怎么样，hr说，面试官说你能力不足，pass，这tmd什么什么操作？

失业在家也不能闲着，除了出去赚钱小时工的生活费以外，没事时写写代码，别生疏了，没准以后还得靠代码吃饭呢。

先是做了学英语常用口语的页面

最好在电脑上看，手机浏览器兼容性太差了，尤其是safari，简直是新版ie。

本来是想着在家庭数字管理系统里给娃娃用，不过娃娃太小也用不上，于是后来就整合到工具站里了，技术上，react+mui+golang gin+zincsearch+gorm，自己去抖音上各大外国人的英语博主视频里提取录入口语资料，每天录100条，录了1个多月，累的好恶心啊。然后又把给娃娃买的家庭常用口语那本书上的也录进去了，全下来录数据就录了半年，累死了…，不知道这东西能卖钱不，哈哈。

开发过程中，go语法糖太少了，我就自己写了一个语法糖，

然后，为了省钱不买音乐app平台的会员，把现有的99一年的服务器用上，做了一个听歌app，技术上flutter+rust axum+sea orm，因为上面那个，写go实在效率低，虽然自己写了一个语法糖包，但是还是不爽，改成axum了，对于curd用不上生命周期，所以，对我来说上手比较快，加上rust的语法与typescript太像了，所以上手很快，泛型<>，也有map filter foreach 简直就是前端的福音，而且rust还有好用的wasm pack工具…，真心推荐前端来学rust，完美的结尾问号，秒杀go的if err判断，也比go里面的[]泛型舒服，[]实在是不爽啊。

后台管理页面是仿照umi的可配置式路由，用原始react开发的，这样就可以扔掉了拖家带口的umi了，哈哈，umi默认安装太多用不上的东西了，还是原始react舒服。

可能程序员有洁癖，也许是我有洁癖，偶尔遇到的base64 json格式化 网上一搜，都是一堆广告，导致界面可丑了，于是就想着自己做几个工具吧，没有广告，自己用

于是，工具站的雏形诞生了

做的时候，还考虑了图片base64的情况，至于json格式化，网上也有没广告的插件，但是我觉得丑，不如网页方便，不过也有很多人说我的更丑，哈哈。无所谓了。

至于为什么要做webp转换工具，还是看这篇博客吧

写的很细，初衷，后来，结局。其他贴里，很多人说一句canvas.toBlob就完事了，不需要我这么费劲，殊不知我为了探索wasm浪费了多少时间啊，有人说为啥要自己写worker池任务复用，我只想说，因为当时没找到好用的库…想体验的可以去这里，最好电脑上用。再次吐槽safari浏览器的烦恼。

就这样，工具站开荒完毕了，有几个工具是给身边的人用的，大米粥计算器我自己用的，人民币转大写，一开始是给同事用，后来索性探索一下 「极」最大值。

最没用的那个就是透明图片下载，这是有一个群友，做cocos2dx的，不知道真不支持还是他不会？他需要一个透明图片占位，花了1小时，给他实现了。这个宇宙可能只有他一个人能用上这个工具了吧。别看很简单，只要是工具，就得figma搞一个图标。时间都去哪了？

关于在线运行js那个工具，因为有一天 我妈让我算加法乘法，大约50多个尺寸数字参与计算，计算器空间太小了，于是写了这个工具，就不用开电脑打开开发者模式敲代码了

我个人比较喜欢对比工具，svg转react工具，后者很高频的使用每次都是下载图标，替换currentColor，新建组件，起名，加props，最后那个公司这么操作写了几十个，想一想当时如果就把这个工具开发出来多舒服吧，

唉，工具只有想用的时候才会觉得有用，网友评论我这个工具站没用，没意义，书到用时方恨少，未雨绸缪才是真。

工具站雏形有了，不过数量太少了，别人上百个，把那些凑数的都加上才18个，但是这些东西里外里包括录入数据加起来，有一年时间了，都是失业后为了技术不生疏，去它的职业空窗期，谁发明的，我就算现在技术不扔，照样会被说一年半空窗期，唉，无解。

前面说了这么多，我想说，别看现在前端需求少了，但是，前端不论工作量还是复杂度，都可以与后端抗衡了，工作量上我认为超越后端了，就说我们组30万前端代码那个项目，5个前端30万行，后端java springboot 8个人也就20万行代码，对比了才知道哪个工作量大。

但是现在竟然前端大面积失业，只能说，培训班算是往火里加了一桶汽油，「助力」直接送走。

最后放个工具站首页，大家说，到底像不像网友说的丑不可言，说是10年前设计风格？真的吗？

辛苦了，答主。

辛苦了，看者。

2024 11 16 更新

——————

评论者说我这个网站烂的，无非是说，他们yarn add 一个库就行了，证明不了我的实力，但是，我大部分都是自己造轮子写的啊，比如json格式化，都说简单，但是从零写，有几个人能写出来，光说有啥用，除了吹牛逼就是吹牛逼，前端怎么证明实力，不就是满足下面几点

1，知道需求解决方案，有轮子直接用

2，没轮子要有能力自己造轮子

3，需要高性能计算时要有能力用比如rust写wasm

4，遇到疑难杂症要有能力耐心解决，而不是直接说解决不了。

那些说我网站烂的人，真要让他自己做出一模一样的他就做不出来了，但是这些人自己又不去做，然后还来喷，这就神奇了。吹牛逼一个比一个强，真要让他做的时候他又找各种理由拒绝。

总结一下网站里用到的自己造轮子的技术

1，web worker 池，设置worker数量，然后任务复用，比如设置最多10个worker，但是你给了500个任务，需要自动判断哪些任务已经完成自动开始，这个应用于webp这个工具

2，常用英语口语里，前端倒是没啥难点，展示一下，在做个管理系统就行了，但是，问题是同时用axum写一套后端curd接口，你不用rust也行，用java python node都行啊，但是在一个2G内存的服务器上跑，你自己得掂量一下内存够不够用的问题。

然后里面的搜索引擎，你是不是要看文档。再用后端需要增删改查？

然后这个英语资源库是我自己从网络上，从外国人英语自媒体视频里，人肉提取出来的，花了半年时间，8000+词汇量，那些说配合ai 一天做完全的喷子，怎么实现？

3，图片拼接那个工具，canvas 操作，支持浏览器水平拉伸自动适应，说简单的可以自己参考实现一个一模一样的？

里面有一个轮子，就是上传组件，支持点击上传，拖拽上传，复制粘贴上传，这个轮子我就写了2天。

4，人民币金额转大写，都说简单要死，但是我还是写了360行代码，你们说，没有逻辑至于360行代码吗？

行了，喷子们，别吹了，光说有啥用，你做出一模一样的才算你牛逼。

——————