最近在做手机版使用到了下拉刷新和滚动加载，记录一下实现过程： 一、引入文件 二、页面布局 三、js部分 ...
分类：
Web程序 时间：
2017-12-05 17:36:16
阅读次数：
479
var clientHeight=document.getElementById('eventList').clientHeight;//可视区高document.getElementById('eventList').onscroll=()=>{ //console.log(document.ge ...
分类：
其他好文 时间：
2017-10-31 12:52:12
阅读次数：
106
图片:<img :src="item.cover" class="img"/><span v-bind:style="{backgroundImage: 'url(' + item.cover + ')'}"></span>滚动加载 //是否返回底部 // 设置一个开关来避免重负请求数据 mount ...
分类：
其他好文 时间：
2017-10-10 16:41:09
阅读次数：
147
最近写项目，要求实现滚动条滚动到底部的时候请求加载更多的数据。要实现此功能首先想到的就是scroll事件，经过查阅资料终于实现此功能，具体原理如下： 首先需要给div加scroll事件，监听滚动条滚动动作。滚动加载的原理：当滚动条的高度加上 滚动条到div顶部的高度 等于div的可滚动高度时，说明滚 ...
分类：
其他好文 时间：
2017-09-07 13:42:47
阅读次数：
219
html 接口返回的数据格式 ps：返回的数据key与class相对应 jquery.more.js ...
分类：
Web程序 时间：
2017-08-25 16:59:06
阅读次数：
225
图片懒加载：jquery && jquery-lazyload 图片懒加载是一种前端性能优化方案：随着视图区的滚动，加载剩下的图片，这样当滚动条没有滚动到下面的时候，图片不加载，减少资源浪费 原本：<img src="images/img1.jpg" > 懒加载：<img class="lazy" ...
分类：
其他好文 时间：
2017-07-26 17:33:32
阅读次数：
177
一、什么是图片滚动加载？ 通俗的将就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有在图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。 二、为什么要使用这个技术？ 比如一个页面中 ...
分类：
其他好文 时间：
2017-06-14 22:29:42
阅读次数：
192
最近闲来没事,做了一个画江湖图片滚动加载的demo,大家感兴趣可以下来看一下 以下为界面截图: 图片会随滚动条的拖动动态加载，目前来说只是加载的本地的资源，大家可以从后台抓取数据来实现懒加载. 支持图片点击然后大图来查看: 代码已经放到git上了,欢迎下载试用 https://github.com/ ...
分类：
其他好文 时间：
2017-05-28 19:35:08
阅读次数：
159
//第一种方法 var winH = $(window).height(); //页面可视区域高度 var i = 1; //设置当前页数 $(window).scroll(function () { var pageH = $(document.body).height(); var scroll... ...
分类：
其他好文 时间：
2017-05-24 16:11:46
阅读次数：
214
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输 ...
分类：
Web程序 时间：
2017-05-19 16:47:56
阅读次数：
307
