随笔分类 - demo
对scroll进行防抖的优化（在vue中使用防抖）
摘要：目标效果：在一个长内容的页面中，当滚动到一定的距离时，会出现一个 "返回顶部" 的图标，点击会平滑的返回到页面顶部，有助于提升用户体验。 HTML <div class="backtop" @click="backtop" ref="top">TOP</div> CSS .backtop { pos
虚拟列表
摘要：懒加载列表 虚拟列表：一次性获取全部数据，但是只显示一部分 只渲染start和end之间的数据，使用translate3d实现在y轴滚动的效果。 终极目标 求出在可视区域显示的数据 求出滚动列表在y轴的偏移量 计算需要的变量 itemHeight: 单个元素的高度 visbleCount： 可显示的
写一个加载中的自定义指令
摘要：前置知识 el:指令绑定到的元素 binding:对象 value:传递给指令的值 arg:传递给指令的参数 instance:使用该指令的组件实例 首先构建自定义指令的样子 <template> <div class="loading"> <div class="loading-content">
