一个项目中存在很多这种情况:父组件(页面)中的子组件需要做下拉加载更多的需求,但是这个下拉到底部的动作只能通过监控页面(父组件)来完成 这就需要父子组件之间的通信,代码如下: 1. 建立一个用于父子组件通信的工具,bus.js 2. 在父组件中监听页面的下拉,并用bus将下拉到底部时这个信号发给子组 ...
分类:
其他好文 时间:
2019-08-22 18:36:45
阅读次数:
73
情况:项目出现了下拉数据量过大,出现页面卡死问题,反馈到我这;当时实现思路1.使用render函数去渲染下拉框 试了发现卡死情况依然存在,所以尝试方法2 2.使用原生js去添加下拉框的<option>页面卡死情况没了,但是变成原生select,数据量大 很难找到对应的人 要下拉去找很久;只能说不完美 ...
分类:
其他好文 时间:
2019-05-25 13:00:23
阅读次数:
1228
在百度上看见的好多都是引用Masonry插件 ,之后我自己尝试了一个没有使用插件的 下面是全部的css比较简单 最重要的这一段啦 下面这段jq 是可以根据鼠标轮播 下拉加载页面 两个js的 区别:前者没有下拉加载效果 后者有下拉加载效果 ...
分类:
Web程序 时间:
2019-04-16 14:16:40
阅读次数:
159
我们设定一种场景,如下代码,一个中包含了若干个,而且还能继续增加。那如何快捷方便的为所有的绑定事件呢? 这里就会用到事件代理,我们要监听的事件,但要把具体的事件绑定到上,然后看事件的触发点,是不是 那我们现在完善一下之前写过的通用事件绑定函数,加上事件代理 然后这样使用 最后,使用代理的优点 使代码 ...
分类:
其他好文 时间:
2019-04-06 20:26:14
阅读次数:
145
小程序项目中上拉刷新下拉加载是比较常见的需求,官方文档也提供了相当友好的API,但是因为API隐藏的比较深,文档描述也比较模糊所以也折腾了一番(官方文档),在此记录一下使用方式 onPullDownRefresh() //用户下拉刷新事件,onReachBottom() //用户上拉触底事件 onP ...
分类:
微信 时间:
2019-01-09 01:18:50
阅读次数:
265
注意和后端配合就行了,前端也只能把数据拼接起来! 无论是下拉加载还是加载更多,一样的道理! 注意首次加载传递参数 注意每次加载数据数 wxml js ...
分类:
微信 时间:
2018-12-26 14:28:40
阅读次数:
251
解决方法: 第一步:在html中定义全局变量; 第二步:确定引入的js是mui.js,不是mui.min.js; 第三步:在源码中加入对h5+的判断,打开mui.js文件,修改两个地方; 1、搜索“mui.init pulldownRefresh”,在下拉初始化中找到如下代码: 修改安卓h5+的判断 ...
分类:
移动开发 时间:
2018-11-20 13:31:01
阅读次数:
301
最近给别个公司做技术支持,要实现微信小程序上拉刷新与下拉加载更多,微信给出的接口不怎么友好,最终想实现效果类似QQ手机版 ,一共3种下拉刷新状态变化,文字+图片+背景颜色 最终实现后的效果(这里提示有个不同点就是,自定义了导航条,并且下拉的时候,自定义导航条必须固定) 小程序实现下拉加载2种方式: ...
分类:
微信 时间:
2018-11-19 15:09:01
阅读次数:
549
一、建议先了解下better-scroll 的介绍 链接:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/#better-scroll%20%E6%98%AF%E4%BB%80%E4%B9%88 二、npm 安装 npm install ...
分类:
其他好文 时间:
2018-11-18 15:05:33
阅读次数:
193