前端技术应用复杂场景

React和Vue

1. 组件开发

使用React和Vue开发一个复杂组件，包含复杂逻辑的展示，比如实现一个复杂的表格组件。

1. 如何设计，根据哪些规则来设计，比如分而治之，表头和表格body如何区分。
2. 一些特殊的需求，如何实现，比如表头固定，可拖拽，多选单选，表头可变。
3. 性能如何处理，如何提高表格渲染的性能。

实现：

多写多练，多看别人写的好的源码

2. 大数据性能优化

当数据量比较大的时候，如何进行处理，比如数据量达到10w条如何在表格中展示，如何不卡，如何收集数据测定不卡；当数据量达到10w个节点的时候，如何使用D3+React/Vue进行可视化的展示。

主要是大数据的时候，性能如何展示更丝滑

一般如果使用canvas差不多可以支撑一到两万的节点，如果超过两万的节点之后，一般可以考虑是用webgl进行优化，或者也可以使用按需加载的处理，先加载一批节点，然后再加载一批，或者加载一批，然后把原来的一批删掉。

本文由mdnice多平台发布