效果 1.组件：miaScroll.vue <template> <div class="mia-scroll" id="mia-scroll"> <div class="mia-scroll-box" ref="miaScroll" id="test"> <slot></slot> </div> ...
分类：
其他好文 时间：
2020-03-16 18:57:05
阅读次数：
73
起因 之前自己在使用这种网站时，经常看到无限加载的效果。今天正好看到了getBoundingClientRect这个Api，就想着试试看如何实现Infinite scroll的效果。 原理 在需要无限加载的列表底部，埋下一个隐藏元素。当不断滑动时，隐藏元素将出现在视窗(viewport)里，也就意味 ...
分类：
编程语言 时间：
2020-03-14 22:09:28
阅读次数：
97
1 <!-- 获得页面滚动距离 2 $(document).scrollTop(); 文档高度超过窗口可视高度，继续下拉，就会有部分文档超过可视窗口的高度，这即是scrollTop 3 $(document).scrollLeft(); 4 5 页面滚动事件 6 $(window).scroll(f ...
分类：
Web程序 时间：
2020-03-14 19:52:03
阅读次数：
73
第一步 引用官网的步骤 import { InfiniteScroll } from 'mint-ui'; Vue.use(InfiniteScroll); 第二步 在页面中使用 （为 HTML 元素添加 v-infinite-scroll 指令即可使用无限滚动） <div v-infinite-s ...
分类：
其他好文 时间：
2020-03-14 14:42:17
阅读次数：
66
1 什么是jQuery 一个js插件， 相比较原生的DOM操作更简单、开发效率更高 2 jQuery的使用 1.先导入后使用 2.可以把jQuery.js下载到本地导入来使用，也可以不用下载使用CDN来在线使用。 什么是CDN,全称内容分发网络，好比我们在京东买东西，下单后由京东分布在全国的几个存储 ...
分类：
Web程序 时间：
2020-03-14 01:22:12
阅读次数：
70
1 完整代码下载 https://pan.baidu.com/s/1JJyVcP2KqXsd5G6eaYpgHQ 提取码 3fzt (压缩包名： 2020-3-12-demo.zip) 2 图片展示 3 代码展示 1 (function(v, f){ 2 'use strict'; 3 4 if(! ...
分类：
编程语言 时间：
2020-03-14 01:09:32
阅读次数：
60
1、首先，将chart控件添加到窗口。 2、设置chart - series 主要t属性： 2.1 IsXValueIndexed = true; 2.2 XValueType = Time; 3、编写初始化函数： Private Sub InitChart() Dim r As Random = ...
分类：
其他好文 时间：
2020-03-13 11:33:38
阅读次数：
81
JS动画的主要内容如下： 1、三大家族和一个事件对象： 三大家族：offset/scroll/client。也叫三大系列。 事件对象/event（事件被触动时，鼠标和键盘的状态）（通过属性控制）。 2、动画(闪现/匀速/缓动) 3、冒泡/兼容/封装 offset 家族的组成 今天来讲一下offset ...
分类：
其他好文 时间：
2020-03-11 23:25:46
阅读次数：
80
发现，当使用window元素滚动的时候 （也就是 documnet.documentElement)， 返回顶部之后，再迅速下拉滑动，会出现闪烁卡顿的情况。 暂停2秒左右，再滑动，则恢复。当然，前提是开启了touch滚动属性，也就是 -webkit-overflow-scrolling: touch ...
分类：
移动开发 时间：
2020-03-11 01:01:31
阅读次数：
87
