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

相关推荐
Smile_Gently2 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
luckycoke8 小时前
小程序立体轮播
前端·css·小程序
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
懒羊羊我小弟8 小时前
常用Webpack Loader汇总介绍
前端·webpack·node.js
祈澈菇凉9 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
顾比魁9 小时前
XSS盲打:当攻击者“盲狙”管理员
前端·网络安全·xss
黑客老李9 小时前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
java·运维·服务器·前端·xss
晚风予星9 小时前
简记|LogicFlow自定义BPMN元素节点
前端
Json____10 小时前
使用html css js 开发一个 教育机构前端静态网站模板
前端·css·html·js·前端学习·企业站·教育机构网站