左耳咚

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

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

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

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

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

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

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

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！

为了兼容不同浏览器以及管理事件，React 自身实现了一套自己的事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等，虽然和原生的是两码事，但也是基于浏览器的事件机制下完成的。