XY-2021年终总结 - 图1

关于xy

大家好、我是菜鸡H也可以叫我**xy**、是一名一线前端开发大头兵!今年我称之为是我状态最好的一年、比起前两年今年我的状态是最好的、认识了一群非常可爱的前端开发、一起在群里发起内卷行为、也接触了很多大厂的高级前端工程师、了解学习大厂的开发规范和流程、包括目前我认为的前端天花板年薪百万多的架构师、并顺利抱上架构师大腿、学习架构方面的思想和封装、工作中我遇到一个非常优秀的前端团队、有个经验老道的lederer、平时开发也给我很多好的思路、因为之前在上家公司主要开发的是PC端业务今年更换公司后主要负责移动端业务!下面我将从**工作****生活**中讲述我今年所接触的技术和感悟!

工作(完成任务、寻找最优写法、解法)

工作中完成了老大分配给我的开发任务、在工作阶段也涉及到一些工具的开发:比如chrome插件的开发、也了解了vue的devtools实现、包括开发了**swagger搜索插件**因为我们公司的swagger不具备搜索功能、同时也去学习了vscode插件、插件已经发布到vscode商店:**gf-css-reminder** **gf-wx-template**学习这些都是为了在开发中我们能够更有效率、解决一些重复性的问题、我自己也喜欢通过工具去解放重复性问题、除此之外我也用webpack去写插件去解决生产环境的问题!在工作完成业务开发后我也会去研究公司这套脚手架、一个是为了更了解项目的运行机制和规则、同时也会分析脚手架里面一些功能和插件的不合理、可优化的点、我会把公司脚手架进行抽离、然后对里面的一些功能进行重写和优化、比如通过webpack配置一套小程序的编译环境、利用webpack让我们更好的管理维护项目、开发一些模块比如实现一个小程序的**vuex** **watch** **computed**、这些之前公司使用的腾讯的开源omi和别的版本导致项目这些模块很重而且是编译后的文件无法达到定制化、所以我自己进行了模块的重写、当然最后并没有采纳进去、因为我并没有在生产版本去使用和验证、这也导致无法马上进行替换、再加上公司小程序已经开发了好久了、不可能轻易去更换、等一个新项目、或者自己写小程序的时候使用这套架子进行测试与验证!因为之前主要写PC端业务、对比移动端的话、我觉得移动端更细腻、细节的地方要比PC端多的多、兼容性算是让我最头疼的问题、印象中最难受的一次是使用 **html2canvans** 对h5的html进行海报生成、然后在github下载了一份最新的js文件、具体表现差异是文字换行问题、在ios和安卓表现不一样、这也导致海报的不完美性、对于我这种强迫症是很难受的、所以当时我想了个兼容、是自己实现文字换行、对文字个数超过width进行数据组装判断、这样勉强ios和安卓同步了而且海报UI也同步了、但是我最终并没有就此过了、我就带着我的好奇心去找html2canvans、到底问题出在那里了、于是我去**debugger**那份有问题的源码、好在编译后的文件可读性还行、时间来到凌晨3点、经过我不断的调试得出了非常粗浅的答案!

XY-2021年终总结 - 图2

ios调用的**getClientRects**而安卓和网页版模拟器调用**getBoundingClientRect**、这个都是原生方法获取当前这个text内容的width、height、left、top这些属性、ios调用的getClientRects所返回的换行text属性第一个会有错误、调试内置原生方法获取节点位置信息都为0就很离谱、知道原因之后我考虑到会不会是因为版本问题、导致ios和安卓并不是统一处理、于是我更换了其他低版本的**html2canvans**发现确实是这样、最终我放弃了最新版本使用了低版本!在工作中遇到很多问题,但是这个印象尤为深刻,因为我和测试都快麻木了,除了这个版本问题还有一些机型的问题,主要就是小米的一些老版本手机问题多,嘿嘿!以上就是我这一年主要在公司所做的事情,如果说用一句话总结的话:**忙且充实并快乐😄**

生活( 新技术的敏感度、注重基础提升、保持兴趣、运动🏀 )

生活中、今年生活习惯还是没有改回来、依旧熬夜到很晚、工作日的话差不多凌晨一点上床七点二十起床、节假日的话差不多凌晨三点睡觉中午十二点起床、持续了一年、确实身体抵抗力下降很多、包括早上起床也是干呕、真难受、可是依旧没有办法早睡早起、晚睡的原因也是因为热爱、一直在做自己喜欢的事情、学习技术、看文章、仿佛我是属于黑暗、晚上我写代码好像思路更加清晰、没有任何声音可以打扰到我、仿佛世界都是我的、哈哈哈哈、为了说我喜欢熬夜我居然瞎扯这么多、好了下面继续说说我的生活、今年完成了自己年初的一个想法就是把macos搬到浏览器里面【地址】、以后自己想玩的技术或者demo都会往上放、把这个当做自己的一个工具箱、除此之外今年给自己定了阅读vue2.0的源码目标和使用vue3.0技术目前也算完成了、最近在学习C、学校学的基本都还给老师了、辛亏还有印象学起来不像学新语言一样、准备学完之后去学习QuickJS、了解下小型js的实现、让自己更懂js!其他方面的话会着重学习node、目前自己是用nestJS来写node、但是node基础不好、想学后端的话可能需要从数据结构、网络、计算机开始学了,可真是太多东西了!今年还了解了下three.js、确实非常棒的一个技术、能让我们在网页里面展现3D和交换太不可思议了、准备用它给自己造一个3D房子!除了主职技术外自己还会购买服务器捣鼓、学习**docker** **nginx**这类的技术使用、虽然是前端但是我们应该永远不要被标签所限制、这也使得自己可以独立部署、维护、迁移blog!

XY-2021年终总结 - 图3

今年也是努力的一年、想起之前掘金有人发的一句话 **如果父母依旧辛苦、那我们长大有什么意义!**是的、我也是农村的、每看一次父母就觉得父母老了沧桑了、内心都是自责如果我再有能力点就能让父母不再奔波、本该享受退休的他们却依旧在为了这个家而坚持、每次给他们的钱都不舍得花、一个劲的想为我存钱娶媳妇、买房….我好像无法说服他们、但是我能理解父母,家境并不富有的我们必须要坚持奋斗、不工作就会饿死、就像这个杀手不太冷电影所说**生活是否一直艰辛**、是的一直艰辛、从来不相信感同身受、我们唯一要做的就是坚持下去、世界越难我们越不投降、永远与之抗衡!

XY-2021年终总结 - 图4

总结(翻过的高墙会成为人生的盾牌)

长大后可以从事自己喜欢的事情是幸福的、我将在这条路上走很长的时间、在新的一年我会继续保持运动、让自己有一个健康的身体、再就是调整作息、调整作息、调整作息,养成一个好的生活习惯和健康的身体才是一直走下去的关键,不想住着icu敲着代码、想着要是之前怎么样怎么样该多好、所以明年我将加强作息调整、技术方面的话准备深入学习node、把node变成自己的一把利剑,剩下的就是继续加强基础、基础打好才更有可能写出更优的代码和解法,剩下的话就是捣鼓一些有意思的小玩意、比如webrtc、纯前端实现视频通话技术、比如three.js搭建一栋属于自己的3D房子!这些都属于业余兴趣爱好,主力方向还是前端、往深入学习、把js当作伙伴!最后送自己一句话:**永远在折腾、死磕在自己喜欢的事情上!**