没走偏吧🐟|2022年中总结

3,766 阅读11分钟

「时光不负,创作不停,本文正在参加2022年中总结征文大赛

大家好,我是速冻鱼🐟,一条水系前端💦,喜欢花里胡哨💐,持续沙雕🌲。 欢迎小伙伴们加我微信:sudongyuer拉你进群,一起讨论,期待与大家共同成长🥂。

前言🐶

时光飞逝,转眼就来今年就过半了,现在公司也来一年了,按照惯例,还是给自己总结总结,不断总结,不断调整,不断进步

时间过得真快啊~,还记得半年前写半年总结的时候还历历在目,现在转眼半年就又过去了,这半年计划调整了很多,各方面都有一定的提高,下面从几个方面总结一下吧~

能力提升

这次总结不会像上半年那样傻乎乎的列技能表了

  • 独立owner项目的能力,今年我做了很多项目,无论是公司项目还是个人项目,无论是B端还是C端还是基建都是从零到一独立开发,独立开发最考验的就是独立解决问题的能力独立架构项目的能力独立设计项目各个功能模块的能力,独立设计API的能力,高度抽象出可复用可维护代码的能力,独立思考的能力,公司在前端基建方向没有太多的技术积累与沉淀,很多东西还是需要自己去趟浑水,总结最佳实践,从社区中,不断摸索,一边摸索,一边总结出符合公司现状的最佳实践,还好我觉得我已经找到了,有一套属于我自己的最佳实践工作流,还在不断完善中,很多东西都已经被我落地产生了不错的效果,后文会提到的😄~
  • 扎实的JavaScript能力,无论对JS语法的理解还是Coding 能力,我都感觉比半年前有了非常大的进步,现在基本和JS成为了亲密无间的好朋友关系,做到以上需要 多看 多想 多写
  • 有了很广的技术视野,能够让我在一些技术选型上使用到业界比较可行的解决方案
  • 轻松完成UI交互设计的能力,并能用社区的最佳实践提高团队的开发效率
  • 团队的影响力,其实公司很多同事是缺乏对前端的技术敏感度和信息的,缺乏广度,也没有内驱力,这些都是我潜移默化带给他们的,你能很明显感受到他们被你赶着在进步,因为你一直在推进技术和基建的发展,虽然很讨厌,但长远来看对每个人是有意义的,别恨我
  • 善于发现项目中的痛点和难点,并想办法通过代码来解决
  • 使用了很多实用的效率工具,帮助我管理知识和信息,notion成为了我后半年最佳的效率工具
  • Reac的理解熟练程度也是很大的提高,现在它和JavaScript就像我的好朋友,能够快速的帮助我去实现我的想法💡和需求
  • 最重要的能力,我觉得是对未知领域的学习能力探索能力,以及转换能力,今年尝试了很多东西,几乎都是自己之前未曾涉及过的,但是自己都能很快的通过自己的方法快速学习,并能让学到的东西学有所用,产生价值,这是我觉得我今年提高的最宝贵的能力
  • 文档能力,这半年我输出了很多东西,也感觉自己的文档能力比之前更好了,也在社区写了一些成体系的小册,后文会一一分享的

在开源社区做了超多的项目

光说不做,假把式,今年捣鼓了特别多的项目,下面列举部分我自己的开源项目和我开源公司的项目

在开源社区做了很多项目,本来今年的目标是100 follwer,100 star,结果收获了很多star,也收获了很多follow,也特别感谢在开源社区,小伙伴提供的帮助和支持💗

也欢迎大家follow我,我会产出一些优质的知识输出以及好玩有趣实用的库 github.com/sudongyuer

image-20220720003716441
  • ESLint通关小册 帮助想要学习ESLint的同学0-1比较好的掌握ESLint

    repo地址:github.com/sudongyuer/…

    image-20220720002349862
  • eslint-config 🐇 开箱即用的ESLint Config

repo地址: github.com/sudongyuer/…

image-20220720002444248
  • unxlsx 🌸 一个命令行工具可以从多个Excel文件自动生成目标文件对象。

repo地址: github.com/sudongyuer/…

image-20220720002522000
  • autoexport ✨一个命令行工具可以自动导出相同类型的文件做export导出

repo地址: github.com/sudongyuer/…

image-20220720002651840
  • vite-plugin-hot-export 🐝一个vite插件可以自动导出目标目录下的文件并且支持HMR

repo地址: github.com/sudongyuer/…

image-20220720002232070
  • mini-slack 🦄即时通信小网站 模仿slack做的mini版(react、redux、ts、firebase、styled-components、vite、pnpm)

repo地址:github.com/sudongyuer/…

image-20220720002616725 image-20220720002749605
  • ☄️ React相关der设计模式

repo地址:github.com/sudongyuer/…

image-20220720002830170
  • Vim通关小册(ps:还未写完还在学习中,跟大崔哥学的,respect)

repo地址:github.com/sudongyuer/…

image-20220720002915183

repo地址:github.com/sudongyuer/…

image-20220720003018914
  • mini-spotify 🎸 spotify音乐播放器(next.js、nextauth 、recoil、ts、tailwind、spotify api、middleware、pnpm)

repo地址: github.com/sudongyuer/…

image-20220720003106595
  • movie-gallery 🍁 在线电影简评网站(TypeScript Next.js Tailwind Pnpm CssGrid Responsive react-flip-move react-modal Sass)

repo地址: github.com/sudongyuer/…

image-20220720003127914
  • craft-client 👑 开箱即用生成docker镜像生成库

repo地址: github.com/HaiyaoTec/c…

image-20220720003202539
  • heimdall-ts 🏎一个可以帮助轻松生成typescript API模块的CLI

repo地址: github.com/HaiyaoTec/h…

image-20220720003237790
  • rsocketMan 🍁 一个调试rsocket协议server的web开发工具

repo地址: github.com/HaiyaoTec/r…

image-20220720003347790
  • info-js 🥷 一个可以帮助您简单获取客户端信息的库

repo地址: github.com/HaiyaoTec/i…

image-20220720004422813
  • window-channel🌈 一个非常简单的窗口通讯库

repo地址:github.com/HaiyaoTec/w…

image-20220720003512500
  • 等等。。。

在公司半年做的一些事

  • 基建调整到业务,但我还是在业余写轮子来支撑和追求高效的业务完成效率

  • 独立完成了一个数据中台的项目,超预期完成了可拖拽可排序可修改的大屏首页,在极度缺乏资源分配的情况依旧完成任务(没有产品,只有我和一个后端兄弟)

  • 和公司大佬一起一个月上线了一条新的产品线,尝试了特比多的新技术造了很多基建提高开发效率,项目超快速交付

  • 推动公司前端升级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,这个是在业务快完成时发现的问题,并解决的,并没有在项目初期,采用,但我相信它一定能在未来项目极大提高前端小伙伴的开发效率
  • 建设了公司的第一套eslint代码规范库,一行代码即可享用 ts、js、vue、react等eslint最佳实践,而他还有完善的CI流程,超快速修改以及重新发包

写了很多知识沉淀

  • 在Github上沉淀了基本开源小册,得到的反馈也是挺好的,很多同学学习了《ESLint通关小册》也都是能够自己写一个属于自己的eslint-config来lint自己活着公司的代码,还是得到了很多社区小伙伴的认可,也收获200多star🌟🌟
image-20220719230021807
  • 这位老哥还要给我发红包😂

    image-20220719225641261
  • 这位小伙伴,感谢你的鼓励啊,我都默默看着呢😂

image-20220718082510599
  • image-20220719225814049
  • image-20220719225911200
  • 还有很多小伙伴的鼓励就不一一提了,非常感谢你们的鼓励!!!❤️
  • 还有一些比较成完整知识体系的小册子

image-20220718075853887

  • 掘金也还是写了很多文章,不过这半年的文章基本都是偏向算法题解方法,后边年,还是要强迫自己输出一些干货到掘金,因为这半年中心基本都在写开源项目😂

image-20220718080544794

  • 感谢社区爸爸送的一些礼物和奖状的鼓励
image-20220719233625747 image-20220719234047572
  • 自己在工作中也记录了上百篇笔记

image-20220719232857723

算法

算法也刷了一些,算法是否无用,我目前也不能给出很好的答案,感觉用处不是特别大,可能就面试有用,我在写一个库的时候用到了DFS

image-20220719230533179

  • 200多篇掘金算法文章题解

image-20220719234303230

帮助他人

  • 建立了一个很小的学习小分队(大概6人),带领大家规划了一下学习的方向和计划,在里面分享一些自己的理解以及讯息,还是希望在小分队的同学都能完成自己的目标,感觉最近大家似乎有点懈怠,我后边会去分享一下我比较成熟的技能给大家
  • 有很多小伙伴加了我wx问了很多学习和技术上的问题,也感觉是帮助到了他人
  • 开了一次线上的分享会感觉效果还挺不错的,以后应该会继续搞
  • 解答了很多同学特别多学习上和技术上的问题
  • 遗憾的事,在公司没有带人的机会,或许是一年资历太浅了吧~

在开源社区

这半年贡献大的开源项目倒是没有,但是自己倒是输出了很多开源项目,下面是这一年参与贡献的一些社区项目

  • naive-ui
  • vue-next
  • vite
  • vitest
  • unplugin-vue-components
  • rsocket-js
  • vuejs-translations
  • ...

其中居然还上了vitest官网首页,是我万万没想到的

image-20220718081926678

感谢❤️

同样后半年遇到了特别多优秀的小伙伴和大佬,感谢你们的帮助和指导,当然还有感谢家人的支持

贴个图,感谢一下在开源社区对小弟各个项目做出贡献的各位大佬,没有截全的,谅解一下~

image-20220720001720779 image-20220720001330324 image-20220720001257486 image-20220720002111831

结束语🦚

bgbt720

每一次总结,就发现其实还有很多改进空间,也有很多不足,做你认为对的事,喜欢的事就行了,保持热爱和专注~

希望每一个前端小伙伴,能找到自己的方向,能加入一个好的团队,做自己喜欢的做事,peace~

那么我的没走偏吧🐟|2022年中总结这篇文章结束了,文章的目的其实很简单,就是对日常工作的总结和输出,菜不菜不重要,但是热爱🔥,也希望通过文章认识更多志同道合的朋友,如果你也喜欢折腾,欢迎加我好友,一起沙雕,一起进步🐟。

github🤖:sudongyu

个人博客👨‍💻:速冻鱼blog

vx👦:sudongyuer

写在最后

伙伴们,如果喜欢我的口水话给🐟🐟点一个赞👍或者关注➕都是对我最大的支持。

加我微信:sudongyuer,邀你进群,一起学习前端,成为更优秀的工程师~(群二维码在这里->前端要早睡, 二维码过期了的话看链接沸点中的评论,我会把最新的二维码放在评论区,当然也可以加我微信我拉你进群,毕竟我也是有趣的前端,认识我也不赖🌟