利用SUI Mobile的模板来进行拼装 http://m.sui.taobao.org/components/#searchbar 搜索栏、栅栏和按钮组合 卡片 无限滚动 shoplist.html shoplist.js shoplist.css commons.js ...
分类：
其他好文 时间：
2018-05-12 02:59:08
阅读次数：
202
无限滚动加载应该是怎样的？ 无限滚动加载列表在用户将页面滚动到指定位置后会异步加载数据。这是避免寻主动加载(每次都需要用户去点击)的好方法，而且它能真正保持应用的性能。同时它还是降低带宽和增强用户体验的有效方法。 对于这种场景，假设说每个页面包含10条数据，并且所有数据都在一个可滚动的长列表中显示， ...
分类：
Web程序 时间：
2018-04-10 15:22:42
阅读次数：
289
一：为页面添加无限滚动控件 在可滚动的容器上(一般为page-content）添加“infinite-scroll”类；在页面底部定义 加载指示器。 二：在js中监听滚动到底部的刷新事件，触发加载新内容 ...
分类：
其他好文 时间：
2018-02-22 22:05:47
阅读次数：
323
无限滚动加载最佳实践 无限滚动（Infinite scrolling），有时候被称为无尽滚动（endless scrolling），这种技术允许用户在大量内容上滚动，眼中看不到结束的地方。这种技术很简单，就是页面往下滚动的时候保持刷新。 这项技术使用户在没有 打断 和 额外交互 的情况下滚动列表 — ...
分类：
其他好文 时间：
2018-01-01 23:34:19
阅读次数：
268
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数， 代码如下： html: vue.js data: metho ...
分类：
移动开发 时间：
2017-12-22 19:41:46
阅读次数：
210
最近做导航下面banner轮播的效果图时，网上会有很多用jquery插件实现的，一个真正的网站如果引入过多的JQuery，相互之间会有影响。在慕课网上看了轮播图的设计视频，自己又重新设置，改进了一下。 复制代码，到自己的电脑上点击运行。效果图： 本设计用到Js的Dom操作，定时器，事件运用，无限滚动 ...
分类：
其他好文 时间：
2017-11-10 20:20:52
阅读次数：
171
waypoints：用于捕获各种滚动事件的插件&&还支持固定元素和无限滚动的功能，功力十分强大。 Waypoints使用方法：step1：下载waypoints插件（import path） <script src="jquery.min.js"></script> <script src="way ...
分类：
Web程序 时间：
2017-10-22 11:03:42
阅读次数：
248
移动端： vue-swipe：https://github.com/ElemeFE/vue-swipe幻灯片组件vue-infinite-scroll：https://github.com/ElemeFE/vue-infinite-scroll无限滚动，可以实现向下的无限加载。是一个 directi ...
分类：
移动开发 时间：
2016-12-22 11:17:44
阅读次数：
2118
说一下思路：和我上一篇博客中用JQ去写的轮播图有相同点和不同点 相同点： 首先页面布局是一样的 同样是改变.inner盒子的位置去显示不同的图片 不同点： 为了实现无限滚动需要多添加两张重复的图片 左右切换和前面的方法有所不同，前面是获取当前的索引值乘以-600px当做位移距离，现在是需要获取当前. ...
分类：
编程语言 时间：
2016-11-30 22:51:58
阅读次数：
139
