### 优化 1、加载速度的优化 ①雪碧图 >base64、iconfont ②代码压缩 ③图片视频压缩 ④cdn缓存 ⑤路由懒加载（异步组件） 首页引入的大文件进行分批次引入 2、运行效率优化 ①减少http请求，页面打开之后基本不涉及到数据更改 <keep-alive include="['a' ...
分类：
移动开发 时间：
2020-02-15 09:56:31
阅读次数：
95
一、思路分析和效果图 用vue来实现一个瀑布流效果，加载网络图片，同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现，捋下思路： 先看个效果动图： 静态截图： 二、具体实现步骤 2.1、页面结构设计，测试数据准备。 本地准备一个json文件数据，放在项目public文件夹下。注意，本地测 ...
分类：
其他好文 时间：
2020-01-14 09:57:23
阅读次数：
94
如何判断页面滑到了屏幕最底部 项目中经常会遇到列表页，为了保证用户体验，我们都会用到上拉加载的技术，保持用户体验，如何判断页面滑到了屏幕最底部是较为关键的一步：具体实现： mounted 中监听： mounted () { window.addEventListener('scroll', this ...
分类：
其他好文 时间：
2020-01-03 19:15:33
阅读次数：
84
1 scroll-y设置为true，在小程序，web都可以滑动，实现上拉加载 2 在手机上无法触发滑动加载，此时要给scroll-view一个高度，就可以解决。 ...
分类：
移动开发 时间：
2019-12-19 12:56:58
阅读次数：
1836
前言 现在网上 下拉刷新，上拉加载 插件一搜一大堆，如果你想用在生产环境，那你可以直接网上搜一个靠谱的，我所做的就是不依赖任何插件，一步一步把这个插件的过程写一下，各位同学可以在此基础上定制，没有写过插件的，可以了解下插件怎么写的，整个过程定位入门级，看不懂？那么百度插件直接用就好了，修炼一段时间在 ...
分类：
其他好文 时间：
2019-12-13 15:27:43
阅读次数：
95
微信小程序实现上拉加载下拉刷新 使用小程序默认提供方法。 (1). 在xxx.json 中开启下拉刷新，需要设置backgroundColor，或者是backgroundTextStyle ，因为加载的动画可能会是白色背景，会看不清。 { "usingComponents": { "annicate ...
分类：
微信 时间：
2019-11-25 18:09:06
阅读次数：
102
demo地址 我的另一博客原文链接gitHub地址 mui框架中上拉加载的坑 1、在函数自己上拉加载行为后的回调函数 2、在mui封装的上拉加载中，点击某一项会失效。 解决方法 1、该函数是必须要写的，用来写自己的逻辑需求，但是一般情况下，需要设置显示为“加载更多”还是“没有更多数据了”。看了一些博 ...
分类：
其他好文 时间：
2019-11-13 13:09:04
阅读次数：
77
1.下拉刷新的概念及应用场景。 概念： 下拉刷新是移动端更新列表数据的交互行为，用户通过手指在屏幕上子上而下的滑动，可以触发页面的下拉刷新，更新列表数据。 应用场景： 在移动端，数据列表是常见的页面效果，更新列表数据是最基本的页面需求，相比于按钮刷新，定时刷新来说，下拉刷新的用户体验方便友好，已经成 ...
分类：
微信 时间：
2019-11-06 00:45:31
阅读次数：
118
原生js实现上拉加载:https://www.cnblogs.com/xinsir/p/10314694.html 原生js实现上拉加载其实超级简单，把原理整明白了你也会，再也不用去引一个mescroll啦~ 好了，废话不多说，开始进入正题：上拉加载是怎么去做的，原理就是监听滚动条滑到页面底部，然后 ...
分类：
Web程序 时间：
2019-10-23 13:19:46
阅读次数：
111
