Showonne

时光不负，创作不停，本文正在参加2021年终总结征文大赛。 一眨眼又过了一年，掐指一算，出来工作已经两年了。 今年是事情繁多的一年，经历了很多事情，现在总算都在慢慢往好的方向发展了。

去年初，我从 Shopee 离职加入了腾讯文档前端团队。在腾讯文档这一年来有很多收获和感想，在技术道路上迈出了新的一步。

G2（图表引擎） 4.0 和 G6（图分析引擎） 3.4版本已经替换了 G（2D 渲染引擎）4.0，这个版本最大的改进是支持了局部渲染，在一些场景下例如节点的状态改变、图形的个体动画等方面性能提升巨大。G 4.0 从开始重构到现在稳定经历了半年的不断完善，遇到了各种各样的问题，…

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

Chrome DevTools 有一个覆盖率检测的功能，可以检测 JS、CSS 代码里有哪些执行了，哪些没执行。并且还会在 sources 里标记出来。 如下图，绿色的部分是执行过的，而红色的部分是没

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-source-map hidd

许多同学好奇，私信问我是如何学习技术的。正好最近在学习 Rust 语言，趁着记忆犹新，便以 Rust 为例，谈谈我的学习方式。 对 Rust 不感兴趣也没关系，其中包含的学习动机、学习素材、时间规划、训练项目、心态建设等理念，也适用于学习其它技术。 提前声明：本文分享的只是我个…

zustand 是一个非常时髦的状态管理库，也是 2021 年 Star 增长最快的 React 状态管理库。它的理念非常函数式，API 设计的很优雅，值得学习。