大家好， 我是Fly哥。2022 年不知不觉已经过半了，说句实话， 今年上海疫情，好像是4月份在家隔离，并且在家办公。当初以为能好好抓住的，在家可以做一些自己喜欢的事，谁知道在家办公， 就是24小时oncall , 你都不想卷了， 人家拉会喊你卷，找你 check, 找你对齐。 这种感觉没话说， 累哇， 在加上还要做饭，不然没得吃， 身心俱疲，很难全身心的 投入到写作中。 我知道很多朋友，因为可视化你我在网络上认识，因为图形， 因为canvas, 大家一起交流学习。所以很多朋友问我问题， 我看到了，然后就没回， 问我一些建议，这是对我的信任，公司之前是大小周的， 现在取消大小周了， 我又可以回到之前的节奏，然后可以正常更文了，但是这一次写的文章，一方面对我自己而言，系统地梳理下canvas 相关的知识， 查漏补缺 ，第二 因为 很多同学问我教程， 有没有书推荐，说实话我也没有，我也是看文章，看书，加上工作中的实践一步步走来的。 所以我打算写一本比较系统的小册子如下:

主要是讲解canvas 在游戏层面（2d） 还有可视化以及 动画层面的应用 ，因为前端同学对于canvas 用的比较多的可能就是 页面截图 就是社区html2canvas 这个库， 但是这个库， 坑多哇， 各种截图问题。 其实最本质就是对于canvas的一些特性不理解， 或者他是怎么基于canvas 做页面截图的， 也就是 canvas 中 我们如何去模拟 原生的dom 事件， 为啥大家都不用canvas ,因为canvas 有一个很显然的弊端就是不好操作dom ,但是canvas 真的一无是处嘛， 那肯定不是哇， 你可以去看下比较流行的文档编辑器， 是基于canvas 渲染的还是基于dom 渲染的， 如果一个几十万的 dom 节点 ，去做更新，页面性能呢？？？ 主要是有下面几点

1. canvas 如何与现代化框架结合（react, vue） 也就是我想以组件的形式去写canvas 比如我画一个Rect有一个 rect 组件 ，还有就是画布 和页面中dom 节点 如何去做数据通信。。。。
2. canvas 在动画游戏层面的应用， 为啥pixi 和 cocos 这样的游戏引擎，底层都是基于canvas 这里可能就涉及到了 webgl, 但是如果某些低端机型不支持webgl 呢， 但是你要写两套代码嘛 ，所以就是原生的canvas2d 去做渲染， 做降级。因为用react 去做的游戏和 用cocos 做的游戏， 用户体验不是一个档次。
3. ..... 还有很多的一些 关于我个人的思考 我是怎么去理解canvas 的api 的 包括canvas 的性能优化，其实在游戏中专业术语 叫做减少一次 draw cell。

工作

既然没写文章，我这么爱折腾的人，在干嘛，当然就是在卷工作。 这里有的同学 就会说不就是写业务嘛， 那你错了， 我们是业务+技术产出。完成业务只是基本的。 其实无论在哪家公司，你的成长绝大部分还是来自于自己。 只要你不是公司最强的人， 总有人值得你学习， 当没有人可以学习了， 也就是你跳槽的时候了，但是这个前提都是在公司给予我们合理的薪资，什么样的能力拿多少钱嘛。 不然你拿了，心里也是慌慌的，但是工作中也有面向领导编程的人， ppt 王者， 其实 1-3 年的同学， 还是踏踏实实搞技术，ppt 能力还不是我们这个阶段所要去thinking的。其实也就是Q1 和 Q2

1. 编写了一些webpack loader 和plugin 基于webpack 5搭建了一套monorepo 的脚手架 工程化能力提高
2. 独立负责设计一款业务sdk, 从一开始的技术选型， 到现有问题分析， 再到拉多方合作对齐，最终落地业务。独立思考设计能力提高
3. 维护团队多个私有npm包， 从发包， 部署 到最终的上线 ，负责的游戏也接入了cicd 工程化能力提高
4. cocos、vue3 都有涉猎， 扩展了技术广度
5. 团队内进行多次小规模分享，中等规模一次 分享能力提高

整体总结下来大概就是这个，所以在疫情期间我也出去面试， 其实出去面试不是想跳槽， 只是想看下自己的市场价值， 还是那句话一分耕耘一分收获， 面试的内容 和上面的几乎都有涉猎， 轻松地拿到了一个过半百的总包， 我觉得已经是非常不错的了对于2年的同学能开到这么多， 当时公司还没有取消大小周， 所以来说，整体的吸引力， 还是可以的， 但是我还是选择了拒绝，我面试就是看下自己的市场价值，目前有没有落后，整体感受OK的哦。就是今年的招聘市场 确实很冷， 而且外面很多大厂出来的，背景也很好，竞争压力真的大哇，当大家都一样的时候，其实就看你的做的事了， 你的事情有挑战， 有亮点，自然也很容易进，不过今年hc确实非常少。大家还是先苟住， 多思考思考业务， 切记自嗨。 技术一定要辅助业务成长，才能被证明是有价值的， 这就是数据证明。

展望

对于下半年的展望， 很简单 ，对自己要求更严格一点，多写文章，多思考，加强自控力， 如果你在小公司，不要放弃对技术的热爱， 可以去看GitHub， 优秀的项目有很多， 你同样也可以成长很快， 英语一定要学起来，看多了自然就会了， 共勉！！。 多说无益， 感谢你花时间阅读，哈哈哈哈， 欢迎与我交流各种前端知识， 我是爱生活， 爱图形的Fly哥。 最后秀一波美食吧！！！

落魄前端在线炒粉👩🏻‍🍳！！！