前端程序猿steven的博客

1、虚拟列表 核心原理就是 比如有100条数据 如果全部渲染出来，那么dom结构里面对应有100个对应的dom，比如1000 10000的时候，就会开始影响页面性能，那么就要实现虚拟列表， dom结构里面永远只渲染10条 或者 页面可展示的条数，那么性能就会大大提升！ 2、实现原理 function Home(props: Props) { let lessonListRef = useRef(null); useEffect(()=>{ lessonListRef.c

1、借助fixed定位 然后改变top做下拉移动效果 .home-container{ position: fixed; top:100px; left:0; width:100%; overflow-y:auto; height: calc(100vh - 221px); background-color: #FFF; } 2、核心代码，借助touchstart touchmove touchend 事件监听做处理 一开始触发移动 就会执行 t