这篇文章的目的在于总结实现瀑布流Web应用的方法，内容主要包括CSS实现与JS实现，其中在JS实现部分选用React+TS，使用无限列表模式提升性能。 代码仓库 https://github.com/

js的加减乘除都有潜在的bug。

对于这种十万条数据插入的场景，常见的解决方案有两种： 1. 时间分片 2. 虚拟列表 本篇文章会着重介绍一下时间分片的解决方案，，而虚拟列表的解决方案则会放到下一篇文章讲解

前言 最近由于列表需要渲染一万+数据，导致渲染起来很卡，本来是准备直接加一个分页，但是和产品batter了好久，始终不通过这个方案，所以就决定使用虚拟列表滚动进行展示...

1.创建工具类 工具类 socketVuex.js 配置文件参数--需要在配置文件中填写 #WebSocket地址---https为 wss VUE_APP_WEBSOCKET_URL = 'ws:/

ESLint + Prettier 很好地解决了代码质量检查和格式化的问题，解放了 Code Review 中代码规范方面的巨大压力。

前端模块化作为前端必备的一个技能，已经在前端开发中不可或缺；而模块化带来项目的规模不断变大，项目的依赖越来越多；随着项目的增多，如果每个模块都通过手动拷贝的方式无异于饮鸩止渴。

Element Plus 源码分析——构建与代码风格 本文章基于 Element Plus v2.1.4

要求通用性高,需要在后期四十多个子项目中使用，所以大部分地方都做成可配置的. 组件要求异步加载,减少首屏加载时间. 很明显,这就是一个 类 ERP 的应用. 做过 JSP 等后台的同学,对多页签应该都很熟悉吧. 那接下来我们就来谈谈实现. 这点其实没啥难点,无非就是麻烦了点,把…