- 博客(6)
- 资源 (1)
- 收藏
- 关注
原创 如何实现一个可以加载10万+数据的长列表(二)
如何实现一个可以加载10万+数据的长列表(二)如何实现非固定高度的长列表在之前的基础上需要做一下改动设置两个容器,一个为真实的滚动区容器,另一个为显示容器。显示容器固定显示,通过更改滚动容器高度来适配结构如下: <div ref={this.domRef} className={`virtual-list-scroll ${className}`} style={style} onScroll={this.handleScroll}> <div cla
2022-01-19 19:13:52 418
原创 如何实现一个可以加载10万+数据的长列表(一)
普通的长列表就是直接生成对应的dom元素节点,但10万加的数据需要生成10万加个元素。我们先来看看渲染一万条数据的性能:从上图可以看到React渲染10000个节点数据使用了2秒时间。黄色段 生成数据节点使用了 1.3秒蓝色段 Layout计算 使用了0.7秒初始化加载表单就需要两秒 显然不可接受。在看一下优化后的长列表方案性能:黄色段 生成节点 使用57毫秒蓝色段 Layout计算 1.26毫秒为什么差异如此之大。实际上是因为节点过多对于浏览器而言是有额外的计算开销的。那么如何实现一
2022-01-17 12:11:41 892
原创 SVG/CANVAS/CSS 波浪简写
CSS3<!DOCTYPE html><html><head> <meta charset="UTF-8"> <style> .container { position: absolute; width: 200px; height: 200px; padding: 5px; border: 5px solid rgb(118, 218, 255); left: 50%; top: 50
2020-05-21 17:08:50 146
原创 为什么我不在使用 SimpleDateFormat
为什么我不在使用 SimpleDateFormat为什么需要LocalDate、LocalTime、LocalDateTime1.Date如果不格式化,打印出的日期可读性差2.使用SimpleDateFormat对时间进行格式化,但SimpleDateFormat是线程不安全的SimpleDateFormat的format方法最终调用代码LocalDateLocalTimeLocalDateTimeInstant时间计算格式化时间解析时间代码应用为什么需要LocalDate、LocalTime、Local
2020-05-21 14:13:42 212
原创 cesium trackedEntity示例
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <!-- Tell IE to use the latest, best version. --> <meta http-equiv="X-UA-Compatible" content="IE=e...
2020-02-12 16:18:12 3312 4
原创 欢迎使用CSDN-markdown编辑器s
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-09-05 13:15:32 67
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人