「时光不负,创作不停,本文正在参加2022年中总结征文大赛」
大家好,我是速冻鱼🐟,一条水系前端💦,喜欢花里胡哨💐,持续沙雕🌲。 欢迎小伙伴们加我微信:
sudongyuer
拉你进群,一起讨论,期待与大家共同成长🥂。
前言🐶
时光飞逝,转眼就来今年就过半了,现在公司也来一年了,按照惯例,还是给自己总结总结,不断总结,不断调整,不断进步
时间过得真快啊~,还记得半年前写半年总结的时候还历历在目,现在转眼半年就又过去了,这半年计划调整了很多,各方面都有一定的提高,下面从几个方面总结一下吧~
能力提升
这次总结不会像上半年那样傻乎乎的列技能表了
- 独立
owner
项目的能力,今年我做了很多项目,无论是公司项目
还是个人项目
,无论是B端
还是C端
还是基建
都是从零到一
独立开发,独立开发最考验的就是独立解决问题的能力
,独立架构项目的能力
,独立设计
项目各个功能模块的能力,独立设计API的能力,高度抽象
出可复用可维护代码的能力,独立思考
的能力,公司在前端基建方向没有太多的技术积累与沉淀,很多东西还是需要自己去趟浑水,总结最佳实践,从社区中,不断摸索
,一边摸索,一边总结出符合公司现状的最佳实践
,还好我觉得我已经找到了,有一套属于我自己的最佳实践工作流
,还在不断完善中,很多东西都已经被我落地产生了不错的效果,后文会提到的😄~ 扎实的JavaScript能力
,无论对JS语法
的理解还是Coding
能力,我都感觉比半年前有了非常大的进步,现在基本和JS成为了亲密无间的好朋友关系,做到以上需要多看
多想
多写
- 有了很广的
技术视野
,能够让我在一些技术选型上使用到业界比较可行的解决方案 轻松完成UI交互设计
的能力,并能用社区的最佳实践提高团队的开发效率- 团队的
影响力
,其实公司很多同事是缺乏对前端的技术敏感度和信息的,缺乏广度,也没有内驱力,这些都是我潜移默化带给他们的,你能很明显感受到他们被你赶着在进步,因为你一直在推进技术和基建的发展,虽然很讨厌,但长远来看对每个人是有意义的,别恨我 - 善于发现项目中的痛点和难点,并想办法通过代码来解决
- 使用了很多实用的效率工具,帮助我管理知识和信息,
notion
成为了我后半年最佳的效率工具 - 对
Reac的理解
和熟练程度
也是很大的提高,现在它和JavaScript就像我的好朋友,能够快速的帮助我去实现我的想法💡和需求 - 最重要的能力,我觉得是对
未知领域的学习能力
,探索能力
,以及转换能力
,今年尝试了很多东西,几乎都是自己之前未曾涉及过的,但是自己都能很快的通过自己的方法快速学习,并能让学到的东西学有所用,产生价值,这是我觉得我今年提高的最宝贵的能力 文档能力
,这半年我输出了很多东西,也感觉自己的文档能力比之前更好了,也在社区写了一些成体系的小册,后文会一一分享的
在开源社区做了超多的项目
光说不做,假把式,今年捣鼓了特别多的项目,下面列举部分我自己的开源项目和我开源公司的项目
在开源社区做了很多项目,本来今年的目标是100 follwer,100 star,结果收获了很多star,也收获了很多follow,也特别感谢在开源社区,小伙伴提供的帮助和支持💗
也欢迎大家follow我,我会产出一些优质的知识输出以及好玩有趣实用的库 github.com/sudongyuer
-
ESLint通关小册 帮助想要学习ESLint的同学0-1比较好的掌握ESLint
repo
地址:github.com/sudongyuer/… -
eslint-config 🐇 开箱即用的ESLint Config
repo
地址: github.com/sudongyuer/…
- unxlsx 🌸 一个命令行工具可以从多个Excel文件自动生成目标文件对象。
repo
地址: github.com/sudongyuer/…
- autoexport ✨一个命令行工具可以自动导出相同类型的文件做export导出
repo
地址: github.com/sudongyuer/…
- vite-plugin-hot-export 🐝一个vite插件可以自动导出目标目录下的文件并且支持HMR
repo
地址: github.com/sudongyuer/…
- mini-slack 🦄即时通信小网站 模仿slack做的mini版(react、redux、ts、firebase、styled-components、vite、pnpm)
repo
地址:github.com/sudongyuer/…
-
💘 帮助你建立良好的JavaScript心智模型
repo
地址:github.com/sudongyuer/…
- ☄️ React相关der设计模式
repo
地址:github.com/sudongyuer/…
- Vim通关小册(ps:还未写完还在学习中,跟大崔哥学的,respect)
repo
地址:github.com/sudongyuer/…
- 🐥 antd-table-2-xlsx 将antd table数据转换为xlsx的一个非常简单的库
repo
地址:github.com/sudongyuer/…
- mini-spotify 🎸 spotify音乐播放器(next.js、nextauth 、recoil、ts、tailwind、spotify api、middleware、pnpm)
repo
地址: github.com/sudongyuer/…
- movie-gallery 🍁 在线电影简评网站(TypeScript Next.js Tailwind Pnpm CssGrid Responsive react-flip-move react-modal Sass)
repo
地址: github.com/sudongyuer/…
- craft-client 👑 开箱即用生成docker镜像生成库
repo
地址: github.com/HaiyaoTec/c…
- heimdall-ts 🏎一个可以帮助轻松生成typescript API模块的CLI
repo
地址: github.com/HaiyaoTec/h…
- rsocketMan 🍁 一个调试rsocket协议server的web开发工具
repo
地址: github.com/HaiyaoTec/r…
- info-js 🥷 一个可以帮助您简单获取客户端信息的库
repo
地址: github.com/HaiyaoTec/i…
- window-channel🌈 一个非常简单的窗口通讯库
repo
地址:github.com/HaiyaoTec/w…
- 等等。。。
在公司半年做的一些事
-
从
基建
调整到业务
,但我还是在业余写轮子来支撑和追求高效的业务完成效率 -
独立完成了一个
数据中台
的项目,超预期完成了可拖拽可排序可修改的大屏首页,在极度缺乏资源分配的情况依旧完成任务(没有产品,只有我和一个后端兄弟) -
和公司大佬一起一个月上线了一条新的
产品线
,尝试了特比多的新技术造了很多基建提高开发效率,项目超快速交付 -
推动公司前端升级
pnpm
极大的节省了依赖拉取时间,优化了磁盘占用空间,依赖拉取速度从几十秒下降到秒级别,技术简单,推进很难,如果没有实践踩坑是做不到的 -
很早就调研了
NextJs
,为公司未来的技术方向做了基垫 -
推进了新的css解决方案
tailwind
,用灵活的方式兼容了UI设计形成了统一,极大提升了CSS编写的效率 -
在新项目也引入了
新的表单解决方案
,效率比之前的项目高多了,代码量减少2/3
-
引入社区新的
monorepo方案
,并写了个很一个小工具,提高了本地构建速度120
倍,CI构建速度提升3倍
-
写了很多
基础库
辅助业务的快速完成,坚持DRY
原则,提效杠杠的- unxlsx github.com/sudongyuer/… 根据excel自动生成对应的语言文案,支持插件,同样也是多语言的解决方案,不同语言的文案有几百条上千条,如果全部通过
CV
的方式,出错不说,还容易CV到手发麻,还不利于后期修改文案 - vite-plugin-hot-export github.com/sudongyuer/… 一个 vite 插件,自动对images、svgs资源目录做统一导出,支持嵌套目录,支持自动的文件前缀,支持HMR,这个是在业务快完成时发现的问题,并解决的,并没有在项目初期,采用,但我相信它一定能在未来项目极大提高前端小伙伴的开发效率
- unxlsx github.com/sudongyuer/… 根据excel自动生成对应的语言文案,支持插件,同样也是多语言的解决方案,不同语言的文案有几百条上千条,如果全部通过
-
建设了公司的第一套eslint代码规范库,一行代码即可享用 ts、js、vue、react等eslint最佳实践,而他还有完善的CI流程,超快速修改以及重新发包
写了很多知识沉淀
- 在Github上沉淀了基本开源小册,得到的反馈也是挺好的,很多同学学习了《ESLint通关小册》也都是能够自己写一个属于自己的
eslint-config
来lint自己活着公司的代码,还是得到了很多社区小伙伴的认可,也收获200
多star🌟🌟
-
这位老哥还要给我发红包😂
-
这位小伙伴,感谢你的鼓励啊,我都默默看着呢😂
- 还有很多小伙伴的鼓励就不一一提了,非常感谢你们的鼓励!!!❤️
- 还有一些比较成完整知识体系的小册子
- 掘金也还是写了很多文章,不过这半年的文章基本都是偏向算法题解方法,后边年,还是要强迫自己输出一些干货到掘金,因为这半年中心基本都在写开源项目😂
- 感谢社区爸爸送的一些礼物和奖状的鼓励
- 自己在工作中也记录了上百篇笔记
算法
算法也刷了一些,算法是否无用,我目前也不能给出很好的答案,感觉用处不是特别大,可能就面试有用,我在写一个库的时候用到了DFS
- 200多篇掘金算法文章题解
帮助他人
- 建立了一个很小的学习小分队(大概6人),带领大家规划了一下学习的方向和计划,在里面分享一些自己的理解以及讯息,还是希望在小分队的同学都能完成自己的目标,感觉最近大家似乎有点懈怠,我后边会去分享一下我比较成熟的技能给大家
- 有很多小伙伴加了我
wx
问了很多学习和技术上的问题,也感觉是帮助到了他人 - 开了一次线上的分享会感觉效果还挺不错的,以后应该会继续搞
- 解答了很多同学特别多学习上和技术上的问题
- 遗憾的事,在公司没有带人的机会,或许是一年资历太浅了吧~
在开源社区
这半年贡献大的开源项目倒是没有,但是自己倒是输出了很多开源项目,下面是这一年参与贡献的一些社区项目
- naive-ui
- vue-next
- vite
- vitest
- unplugin-vue-components
- rsocket-js
- vuejs-translations
- ...
其中居然还上了vitest官网首页
,是我万万没想到的
感谢❤️
同样后半年遇到了特别多优秀的小伙伴和大佬,感谢你们的帮助和指导,当然还有感谢家人的支持
贴个图,感谢一下在开源社区对小弟各个项目做出贡献的各位大佬,没有截全的,谅解一下~
- 特别感谢熊猫哥给vite-plugin-hot-export 提的嵌套目录feature 特别鸣谢 github.com/geekris1?ta…
结束语🦚
每一次总结,就发现其实还有很多改进空间,也有很多不足,做你认为对的事,喜欢的事就行了,保持热爱和专注~
希望每一个前端小伙伴,能找到自己的方向,能加入一个好的团队,做自己喜欢的做事,peace~
那么我的没走偏吧🐟|2022年中总结
这篇文章结束了,文章的目的其实很简单,就是对日常工作的总结和输出,菜不菜不重要,但是热爱🔥,也希望通过文章认识更多志同道合的朋友,如果你也喜欢折腾,欢迎加我好友,一起沙雕,一起进步🐟。
github🤖:sudongyu
个人博客👨💻:速冻鱼blog
vx👦:sudongyuer
写在最后
伙伴们,如果喜欢我的口水话
给🐟🐟点一个赞👍或者关注➕都是对我最大的支持。
加我微信:sudongyuer,邀你进群,一起学习前端,成为更优秀的工程师~(群二维码在这里->前端要早睡, 二维码过期了的话看链接沸点中的评论,我会把最新的二维码放在评论区,当然也可以加我微信我拉你进群,毕竟我也是有趣的前端,认识我也不赖🌟