面试速记2

30 阅读1分钟

Q:Canvas的底层API,简要列举一下

A:Canvas 是HTML5提供的绘图画布,底层核心是 Canvas 2D context和 WebGL Context。2D绘图上下文包括以下API:画布状态保存/恢复、坐标系转换、路径图形文本绘制。3D绘图包括:上下文、着色器与程序、缓冲区、顶点属性与数据、纹理操作、绘制操作、帧缓冲与渲染缓冲

Q:Echarts 白屏问题处理

A:有以下情况

1.容器元素不存在、容器宽高问题、实例创建需要在mounted中创建。
2.数据配置异常、Echarts加载/版本问题。
3.渲染模式与容器重绘问题
    - SVG 渲染模式在大数据量情况/复杂图表下可能渲染失败(白屏)。可指定Canvas渲染
    - 容器动态变化没有触发重绘。监听容器变化并重绘
4. 浏览器跨域问题/权限问题
    - 图表使用了图片确保图片支持跨域,设置 "crossorigin=anonymous"
    - 注意及时销毁实例,释放内存
5. 大数据量的情况

Q:Echarts 大数据量优化

A:数据抽样优化、开启增量渲染/虚拟滚动、优化图表类型和配置(使用轻量图表+Canvas渲染)、数据预加载和分块加载、使用Echarts GL 进行3D大数据量可视化、超大数据量使用自定义系列结合WebGL手动渲染

Q:Echarts 数据更新的方式有哪些

A:全量更新、增量更新、大数据量使用dataset