三分钟
两只小蚂蚁
这个作者很懒,什么都没留下…
展开
-
“三分钟“之上拉加载简单实现
仅实现上拉事件 调用方式: new QScroll('',{ distance:32, onBottom:function(){ console.log('请求数据') } }) 具体实现: (function (global) { function QScroll() { // 提取配置参数 const args_len = argum.原创 2021-01-26 17:29:45 · 136 阅读 · 0 评论 -
“三分钟”之上拉加载
上拉加载 通常我们在开发一个上拉加载的功能时,都会考虑到以下几个问题: 怎么判断页面刚好到了底部 网络慢的情况下,该如何呈现页面 页面到达底部时,会触发多次到底事件,该如何解决 怎么判断页面刚好到了底部: 页面初始窗口状态 滚动过的窗口 滚动到底部窗口状态 根据以上三个状态图,我们可以判断出: 滚动距离+窗口高度(图中透明白色区域)>=内容高度 即: scrollTop + clientHeight >=scrollHeight 满足以上式子,即可判断出到达...原创 2021-01-26 14:34:16 · 119 阅读 · 0 评论 -
“三分钟”之SVG画微信LOGO
svg:可伸缩矢量图形 效果如下: 代码如下: <!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <!--绿色大椭圆下的小尾巴--> <polygon points="70,92 85,97 65,107" style="fill:#84d845;"/> <!--绿色大椭圆..原创 2021-01-26 11:04:31 · 776 阅读 · 2 评论