回顾2023年,来一个简单的盘点

啰嗦两句

昨年差不多三月份的时候注册了掘金账号,然后开始了我在掘金里挖呀挖呀的一些琐事记载。今天就来一个年终总结吧。

第一篇火的文章

这篇文章是在一天周末的下午,突然有感而发,就在掘金发了这篇文章。没想到,能意外的有了流量,也收到了一些跟我有差不多类似经历的 JSCoder 的私信和评论。能够分享一些自己的经验和经历帮助到大家,我觉得很有意义~

直达原文

第一次参与开源

Ray Template

在昨年的时间里,基于 vue 生态做了一套中后台模板的开源分享。

其实有很多人会质疑,都有那么多的模板了,为什么还要自己花费时间与精力去做重复的事情?

其实很简单。因为现有的模板要么就是技术过于落后、要么就是过于的笨重、设计过于的复杂。例如:

这里只是举例两个很有代表性的模板例子。

我相信很多人都有写过中后台项目,而且只要是前端我相信必然接触最多的就是中后台开发的业务。所以应该对上述的两个模板打过交道,就比如我自己。

在接触到开发任务的时候,很多时候都是直接去拉人家的模板然后自己去折腾。我个人用过两个模板后,觉得总感觉不得劲儿,有点不顺手。所以我自己写了一套,并且正好赶上 尤大大 的疯狂搞事情给前端提速,所以也就把这个事情提上了行程,并且开源出来。也在后续的时间里,尽力补充了对应的文档。

其实说到底,这个项目一开始的本意是为了自己的开发使用便捷,但是在自己的小圈子里传开使用后,也在他们的建议下,进行了开源的分享。如果写的不好,欢迎大家提一个 issues

Vue3 Next QRCode

这是在昨年的时候,折腾的另一个开源项目。一个二维码库。

其实很多的 UI组件库 都陆续默认的含有了二维码组件库,但是吧,都有很多的限制。所以这里自己写了一个。

小插曲:

有一天下午突然有人添加我的联系方式,询问该库的一些情况。还挺激动,第一次感受到了帮助到别人的快乐。那种成就感、满足感,起飞~

言归正传:

这个库其实也是基于了 awesome-qr 的二次封装。所以支持了丰富的特性:

  • GIF 底图
  • LOGO 底图
  • 自定义颜色
  • 自定义尺寸
  • 自定义样式
  • 回调事件
  • 。。。

各位看官可以自行点击查看。

一键直达

Vue Hooks Plus

该项目是我参与贡献与维护的一个库。一个 vue3 hooks 库。

为了补充 @vueuse useAxios 方法的不足。所以该库的核心方法也是 useRequest 方法。

具体的一些细节这里就不做过多的赘述。各位看官老爷,可以点击一键直达。

直通车

企业级的(陈年💩山)项目优化

目前就职的公司核心是做 SaaS 服务的,并且前辈留下了许多的炸弹,甚是让人大跌眼镜。。。我相信很多人接触上古时代宝贝代码都会心里默默的:卧槽!卧槽!卧槽!

嗯,我也是,天天改的骂骂咧咧。因为一次冷启动起码得 5min 起步,测试环境的 CI/CD 一次构建需要 8min 起步。。。等等诸如此类的恶心事情。

最后实在是忍受不了了,与主管一起将项目做了一次小重构。

最后成果:

  • 冷启动无缓存大概:30s
  • 冷启动有缓存:11s-14s
  • 无缓存构建:2min
  • 有缓存构建:30s
  • 简化流程之类的一些就不做赘述。。。

大致就是这么一些优化吧。

对于前端的一些个人见解

因为本人不是高校毕业、更没有过人天赋,所以只是站在我所处在的层次做一些阐述。有兴趣的看官老爷可以在评论区留言讨论。

前端行业到底怎么了

这个话题自从口罩后,一直是一个充满了各种争议的话题。包括我朋友也发表了一篇文章谈了他的看法。

但是我觉得这个不适合我们这种底层的普通开发者。所以不做评价。

就普通初级开发人员来说(不包括国企、大厂、外企),是一个很不友好的环境。因为中小企业里,老板普遍是不想给钱还想事儿多的人。再加上前端经过几年的发展,越来越多人涌入该行业,导致初级、中级开发卷的厉害。

并且中小企业本身多数也是犹如:风中烛、雨中蜡,好似随时会噶似的。所以失业的初中级开发比比皆是。可以给大家看一个图,我创建的一个微信小群:

红色框起来的,基本上都是经历了裁员或者因为企业一些蜜汁操作离职的人。运气好的,能够在次找到工作,运气差的已经从六七月份失业到现在没找到工作。

综合来看,前端并不是凉了,而是要求变高了。要求开发人员会的技能树更多了。已经过了会一门框架就能随便找工作的时代了。所以这里回过头去看朋友发表的文章来看,好像也是合理阐述。

总结前端

要求更多了、钱更少了、没有红利了。

最后

祝大家新年快乐8️⃣,来年加油卷出一片自己的未来~就酱🌻🌻🌻。

相关推荐
nothingbutluck46423 分钟前
2025.4.10 html有序、无序、定义列表、音视频标签
前端·html·音视频
爱上python的猴子1 小时前
chrome中的copy xpath 与copy full xpath的区别
前端·chrome
Lysun0012 小时前
dispaly: inline-flex 和 display: flex 的区别
前端·javascript·css
山禾女鬼0012 小时前
Vue 3 自定义指令
前端·javascript·vue.js
啊卡无敌2 小时前
Vue 3 reactive 和 ref 区别及 失去响应性问题
前端·javascript·vue.js
北桥苏2 小时前
Spine动画教程:皮肤制作
前端
涵信2 小时前
第九节:React HooksReact 18+新特性-React 19的use钩子如何简化异步操作?
前端·javascript·react.js
Aaaaaaaaaaayou2 小时前
浅玩一下 Mobile Use
前端·llm
这个昵称也不能用吗?2 小时前
react-native搭建开发环境过程记录
前端·react native·cocoapods
hy_花花2 小时前
Vue3.4之defineModel的用法
前端·vue.js