左耳咚

在绘制图形会阻塞主线程，如果主线程中还有其他的任务也会表现出卡顿的效果，Canvas 的渲染性能越来越差。这节我们将通过 OffscreenCanvas + Worker进一步优化

上一节我们通过【Canvas系列】通过离屏渲染提高 Canvas 书写性能，本节我们将介绍如何通过可视区域内渲染提高 Canvas 的书写性能。

上一节 通过上下分层优化 Canvas 书写性能 优化了 Canvas 的书写性能，接下来我们通过离屏渲染的方式，进一步优化 Canvas 的书写性能。

在书写的过程中，因为点数量减少导致书写的效果不够理想，因此通过贝塞尔曲线的方式，将点连接起来，形成平滑的曲线，从而达到书写的效果。这节，我们将通过上下分层的方式，优化 Canvas 的书写性能。

前言 书接上回 如何实现一个自由绘制的 Canvas 画板，当我们实现了一个自由书写的 Canvas 画板后，我们发现采集的点越少，画出来的圈圈越不圆润，这时候我们可以使用贝塞尔曲线来优化书写

前言 承接上文Canvas 尺寸与分辨率矫正，当我们了解了如何去设置一个 Canvas 尺寸，并通过分辨率对 Canvas 进行矫正后，我们就可以开始实现一个自由绘制的 Canvas 画板了

Canvas 的默认大小为 300 像素 ×150 像素（宽 × 高，像素的单位是 px） canvas 看起来和 img 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。

前言 在 React 中当我们的父组件更新时，将渲染整个子组件树，这样会造成很大的性能开销，所以我们需要对组件进行优化，避免不必要的渲染

最近看项目中使用了 Redux, 便尝试了解一波 Redux 的设计思想与工作原理，通过写文章的形式沉淀下来。 结尾有彩蛋～