我们在web端所理解的可视化大都是线，柱，饼等图表，以及这些基础图表的衍生和组合。在技术层面，常见的技术有SVG，canvas和webgl。canvascanvas基于像素，提供2D和3D绘制函数，通过脚本来绘制图形。canvas在web端常见的使用场景如下：绘制各种图形元素，如多边形和Bezier曲线图片图像处理创建复杂的动画视频处理与渲染在IE浏览器上，从IE9开始兼容canvas

我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state。当this.setState()方法被调用的时候，React会重新调用render方法来重新渲染UIsetState异步更新React初学者常会写出this.state.value = 1这样的代码，这是完全错误的写法。注意：一定不要直接修改this.statesetState

我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state。当this.setState()方法被调用的时候，React会重新调用render方法来重新渲染UIsetState异步更新React初学者常会写出this.state.value = 1这样的代码，这是完全错误的写法。注意：一定不要直接修改this.statesetState

传统做法前端维护状态，手动操作DOM更新视图。前端框架对服务器数据通过模版进行渲染。当用户产生了一个动作之后，我们通过document.getElementBy... 手动进行DOM更新。框架帮忙分离数据和视图，后续状态更新需要手动操作DOM，因为框架只管首次渲染，不追踪状态监听变化。双向数据绑定当我们在前端开发中采用MV*的模式时，M - model，指的是模型，也就是数据，V - view，