个人使用uni-app开发过多款小程序和app，有长期维护小程序，及app的本地打包上架经验，如下是对这部分工作经历的一些总结。

背景 小程序业务往往离不开相当多的下拉刷新和上拉加载更多。如果需要实现一个下拉刷新和上拉加载功能，我们往往需要写非常多重复的代码，例如loading控制，page，pageSize控制还有reload

本文主要讲解在小程序生态中，前端活动分享海报的设计和实现思路、技术难点解析，可能遇到的坑，帮助你少走弯路。

到新公司的第二个项目，就是和小伙伴们一起做一个H5的商城，主要在微信内，但也要考虑到其他浏览器。其中，首页需要根据当前用户的经纬度找到距离最近的门店并展示。前端需要做的工作就是获取用户的经纬度然后查询后台接口并渲染页面。 我们的目标是经过封装之后，只需要调用一个方法就可以拿到返…

双线程下的界面渲染，小程序的逻辑层和渲染层是分开的两个线程。在渲染层，宿主环境会把WXML转化成对应的JS对象，在逻辑层发生数据变更的时候，我们需要通过宿主环境提供的setData方法把数据从逻辑层传递到渲染层，再经过对比前后差异，把差异应用在原来的Dom树上，渲染出正确的UI…

可以看到我们每页显示10条数据，当滑动到底部时，会加载第二页的数据，再往下滑动，就加载第三页的数据。由于我们一共21条数据，所以第三页加载完以后，会有一个“已加载全部数据”的提示。 我们做分页数据加载，肯定要先准备好数据，数据已经给大家准备好，如下图，文章末尾会贴出数据源和本节…

微信小程序中如果我们想实现一个上拉加载更多的效果其实还是比较容易的，但上拉触底中出现的一些问题你真的注意到了么！！！ html js 这是一段很简单的列表渲染的代码，效果如下： 以上只是简单的实现了一

加载数据: 在触底后需要向服务器请求数据，如果已经请求到了所有数据，应该不再发送请求。 通过构造一个Products类，模拟数据库以及对数据库的请求。 getPorductList方法模拟请求后端数据，每次请求默认5条数据，可以配置请求数据条数与请求页数，最终将数据进行包装后返…

小程序form表单验证，首先我们要下载一个扩展插件WxValidate点击下载 引入 WxValidate.js 将WxValidate.js文件下载下来放入我们的项目中utils目录下：