- 博客(5)
- 收藏
- 关注
RSS订阅原创 JS中元素的scrollTop，scrollHeight，offsetTop，offsetHeight，offsetLeft，clientHeight等属性的理解
定义：scrollTop属性可以获取或设置一个元素的内容垂直滚动的像素数。从定义上看，scrollTop是获取当前元素的内容垂直滚动高度，scrollTop的值从当前元素上获取。scrollTop的值：是这个元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量。当一个元素的内容没有产生垂直方向的滚动条，那么它的scrollTop值为0。
2023-12-22 16:52:33
833
原创 虚拟列表的实现
什么是虚拟列表？就是针对大量数据，例如有10000条数据，只渲染可视区域内的数据，其他的数据不渲染。通过监听scroll事件，来改变页面内的数据。虚拟列表是对长列表渲染的一种优化，解决大量数据渲染时，造成的渲染性能瓶颈的问题
2023-02-22 11:14:35
1249
原创 图片懒加载的方式
图片懒加载原理渲染img的自定义属性data-src为真实的图片路径，判断图片是否处于可是区域内，若处于可是区域则给图片src赋值真正的图片路径data-src的值。懒加载的应用场景偏向于网络资源请求，解决网络资源请求过多时，造成的网站响应时间过长的问题。
2023-02-20 10:20:46
118
原创 vue数据太多导致页面卡顿解决办法
vue数据太多导致页面卡顿解决办法，列表数据行数列数过多，数据打，页面卡顿延迟。下拉列表一次返回数据过多，造成页面卡顿。
2023-02-15 09:55:28
5189
2
原创 vue自定义指令directives+div跟随鼠标移动的floatButton组件
实现一个悬浮按钮，可在每个页面悬浮，为了不遮挡可以再浏览器可视区任意移动，并且不能移动出可是区域。待优化点：只能按空白位置移动 按着icon图片的话，图片会先移动出去。通过vue自定义指令，监听鼠标移动事件，计算位移，使元素移动，
2022-11-30 14:14:08
1354
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人