React和Vue

1. 组件开发

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

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

实现：

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

2. 大数据性能优化

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

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

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

本文由mdnice多平台发布

前端技术应用复杂场景
React和Vue 1. 组件开发使用React和Vue开发一个复杂组件，包含复杂逻辑的展示，比如实现一个复杂的...
前端工程化与重构
背景随着互联网技术的不端推进，以及业务场景的越来越复杂，前端应用场景的越来越多元化，而且随着前后端技术的分离，可...
模块化
前端开发的发展近年来 Web 应用变得更加复杂与庞大， Web 前端技术的应用范围也更加广泛。从复杂、庞大的管理...
Vue - MVVM 框架
应用场景：针对具有复杂交互逻辑的前端应用。提供了基础的架构抽象。通过Ajax数据持久化，保证了前端用户体验。好处...
同样做前端，为何差距越来越大？
阿里妹导读：前端应用越来越复杂，技术框架不断变化，如何成为一位优秀的前端工程师，应对更大的挑战？今天，阿里前端技术...
同样是做java软件开发，5年后为何差距越来越大？前同事已经全款
前端应用越来越复杂，技术框架不断变化，如何成为一位优秀的前端工程师，应对更大的挑战?今天，阿里前端技术专家会影结合...
同样做前端，为何差距越来越大？
前端应用越来越复杂，技术框架不断变化，如何成为一位优秀的前端工程师，应对更大的挑战?今天，阿里前端技术专家会影结合...
微前端
背景近几年前端技术发展迅猛，框架组件层出不穷，导致企业中慢慢沉淀了很多不同技术栈的前端应用。同时随着前端业务复杂...
张伦：巧用 webpack loader 实现项目的定制化
桔妹导读：随着前端技术的发展，Web 应用变得复杂。为解决开发的复杂度，前端开发也有了模块化的概念。使用 Webp...
2020年的双11，阿里需要什么样的渲染方案？
阿里妹导读：前端技术的"新陈代谢"是有目共睹的，新技术的不断发展也推动着前端应用场景的不断扩大，从 Web 、We...