10 2023 档案
摘要：使用虚拟列表 只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能，虚拟列表其实是按需显示的一种实现。 虚拟列表一般包含三个组成部分：可视区域、列表渲染区域、真实列表区域。列表渲染区大于等于可视区。比如容器区域需要渲染三屏的节点，当前展示区上一页下一页，滚动过程中
阅读全文
摘要：方法一：存储在 Local Storage、Session Storage、Index DB等。这些都是浏览器的API，可以将数据存储在硬盘上，做持久化存储。 在初始化 state 数据的时候，从 localStorage 中获取： state = { userInfo: localStorage.
阅读全文
摘要：一、布局原理 flex 是 flexible Box 的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局后，子元素的 float、clear 和 vertical-align 属性将失效。 伸缩布局 = 弹性布局
阅读全文
