/** * * @param {*} scrollClass * @param {*} fn * @param {*} preventLoad * 滚动的元素 * 滚动回调方法 * 锁死滚动的方法 */ var initScroll = function(scrollClass,fn){ var s ...
分类：
其他好文 时间：
2018-06-22 15:32:45
阅读次数：
150
本文主要通过以下几方面来说明懒加载技术的原理，个人前端小菜，有错误请多多指出 一、什么是图片滚动加载？ 通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径， ...
分类：
其他好文 时间：
2018-05-02 13:10:19
阅读次数：
192
最近在做手机版使用到了下拉刷新和滚动加载，记录一下实现过程： 一、引入文件 1 2 3 4 <link rel="stylesheet" href="Content/jqueryweui/weui.min.css"> <link rel="stylesheet" href="Content/jque ...
分类：
移动开发 时间：
2018-04-14 12:31:16
阅读次数：
340
下拉刷新和滚动加载在移动端是很常见的需求，[Ionic][1] 为我们提供了开箱即用的组件。在这里我结合自己做的小demo简单介绍下。 Template 在模板中需要将 组件放置在 内部的首位，将 置于尾部。 Refresher 下拉刷新 下拉刷新事件在用户下拉一定程度时被触发，进而启动刷新过程。一 ...
分类：
其他好文 时间：
2018-04-11 10:42:00
阅读次数：
1293
无限滚动加载应该是怎样的？ 无限滚动加载列表在用户将页面滚动到指定位置后会异步加载数据。这是避免寻主动加载(每次都需要用户去点击)的好方法，而且它能真正保持应用的性能。同时它还是降低带宽和增强用户体验的有效方法。 对于这种场景，假设说每个页面包含10条数据，并且所有数据都在一个可滚动的长列表中显示， ...
分类：
Web程序 时间：
2018-04-10 15:22:42
阅读次数：
289
用Vue在移动端做滚动加载，使用mint-ui框架， InfiniteScroll指令loadmore组件，在uc浏览器和qq浏览器都无法触发。无奈我只能自己写了。 决定用vue 的自定义指令 写滚动加载。 核心的api document.body.scrollTop 滚动条滚动的距离 （这个有兼容 ...
分类：
其他好文 时间：
2018-02-12 15:15:27
阅读次数：
222
1.需要用到的组件和api scroll-view（可滚动视图区域） wx.showToast(OBJECT)显示消息提示窗 显示loading小菊花用的 2.需要用到的属性 3.scrol-view需要指定一个高度，这个高度可以按自己的需求计算，我使用的是屏幕可用高度并且默认一页显示6个 4.滚动 ...
分类：
微信 时间：
2018-01-05 12:31:10
阅读次数：
367
无限滚动加载最佳实践 无限滚动（Infinite scrolling），有时候被称为无尽滚动（endless scrolling），这种技术允许用户在大量内容上滚动，眼中看不到结束的地方。这种技术很简单，就是页面往下滚动的时候保持刷新。 这项技术使用户在没有 打断 和 额外交互 的情况下滚动列表 — ...
分类：
其他好文 时间：
2018-01-01 23:34:19
阅读次数：
268
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数， 代码如下： html: vue.js data: metho ...
分类：
移动开发 时间：
2017-12-22 19:41:46
阅读次数：
210
最近写微信公众号，用到的技术栈是jq+vue的混合开发，采用的UI是移动端比较火的WEUI，在微信开发中应该较广泛。个人看惯了elementUI文档，相对于饿了么组件文档的详细，WEUI的文档还是比较晦涩的。（个人看法） 微信端展示公司订单，采用了滚动加载而没有用分页，觉得一般移动端分页的处理比较少 ...
分类：
其他好文 时间：
2017-12-13 23:57:39
阅读次数：
453
