1.使用中遇到的问题或疑惑这部分主要是对一些用户可能觉得奇怪的现象进行说明,并说明这样设计的原因,同时也包括对一些可能触发bug的说明。数据变化会立即触发页面刷新吗?因此,数据更改确实会立即触发数据更改。所以,如果我们有这样的语句:this.radius=30;你可能认为刷子至少会更新三次,但实际情况是只刷新一次。因此,当你改变数据时,你不需要考虑太多的刷新。框架会在保证“立即刷新”的同时,自动降低刷新频率。但是框架并不总是监听数据的变化,比如下面的语句:this.radiusArray[0]=10;由于我们目前没有进行深度监控,也没有修改对象上的方法来加强数据监控,所有类似以上语句的监控都将失效。温馨提示:根据用户反馈,如果以后发现需要进行深度监控,我们会考虑增加这些功能,同步说明在这里。当您不断更改页面大小时会发生什么?为了减少不必要的刷新,如果用户在短时间内不断缩放浏览器,画布的大小不断变化,我们不会立即刷新画布,而是在用户停止缩放时刷新画布。浏览器兼容性为了减小包的大小,我们没有内置非必要的Polyfill文件,下面具体说明。当然,还包括其他一些与浏览器相关的兼容性问题。需要注意的是,对于IE浏览器,我们从IE9+(含9)开始支持IE浏览器,请特别注意。为什么缩放屏幕时画布不能自适应更新大小?我们使用ResizeObserver对象来监控画布的大小变化。由于IE浏览器不支持,需要引入相应的polyfill进行兼容。如果您知道画布何时更改大小,您还可以通过主动通知来实现兼容性。2.一些有用的提示说明如何更好地添加浮动提示?假设我们现在根据数据绘制了几个矩形项,将鼠标悬停在相应的矩形项上会提示相应项的值(具体悬停可以定制更好看的组件,这里只是为了说明问题,替换它与文本)。你会发现鼠标需要停留一段时间才能触发悬停提示,非常不友好!对于漂浮的场景来说,这个结果并不是我们所期望的,但是为了兼容大多数情况,我们不得不这样设计。幸运的是,我们提供了一个配置项来修改默认的动画机制:built-inproperty/_animation,通过将这个配置项设置为quick,可以获得更好的悬浮效果。
