回顾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️⃣,来年加油卷出一片自己的未来~就酱🌻🌻🌻。

相关推荐
y先森13 分钟前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy13 分钟前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu108301891116 分钟前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿1 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡2 小时前
commitlint校验git提交信息
前端
虾球xz3 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇3 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒3 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员3 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐3 小时前
前端图像处理(一)
前端