[其它] 微信小程序左右滑动切换页面详解及实例代码

说明：微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。 这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。 touchstart在触摸开始时触发事件; touchend在触摸结束时触发事件; touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性，查看timeStamp属性，可以看到顺序是touchstart => touchmove=>
<weixin_38689191> 上传 | 大小：41kb

[其它] 微信小程序 template模板详解及实例

说明：微信小程序 template模板详解及实例 首先看一些官方的一些介绍。 模板：模板功能是通过对template 标签的属性 name=”” 去创建不同模板，通过is=”name的值”来使用。 通过上面两张图，大概能看出，使用模板可以为大量类似的布局带来便利。下面看一下我自己的一个Demo. 先放出效果图（数据来自聚合数据） 可以看到，除了选项个数的差别之外，其他布局是相同的。 下面的每一道题的模板。 第{{item.id}}题
<weixin_38617196> 上传 | 大小：152kb

[其它] 微信小程序 点击控件后选中其它反选实例详解

说明：微信小程序 点击控件后选中其它反选实例详解 前言： 如果需要实现进来进行给按钮加上买一送一的样式，或者单击就选中单个按钮，只能靠css结合js进行控制了，小程序暂时没有这样的控件。 实现效果图： 微信小程序进来的时候自动进行按钮样式的初始化，这个需要一个字段做判断，加上正则表达式wxml文件： <button class={{item.changeColor?'selected2':'selected1'}}
<weixin_38611459> 上传 | 大小：43kb

[其它] mpvue开发音频类小程序踩坑和建议详解

说明：这是我第一次开发小程序，开发的产品是音频类的，在大佬的建议下采用了 mpvue ,一周时间把功能都做出来，由于不太熟悉mpvue和微信小程序，足足用了一周时间来改bug才出来一个能用的版本，在这里整理分享下我开发时遇到的一些问题和给出一些建议。 在 Linux 上开发小程序 在公司电脑装了双系统，日常用的是 Ubuntu 系统，Linux或Mac的开发环境对前端相对来说会友好一些。微信小程序官方的开发者工具只有 Windows 和 Mac 版本，所以这就尴尬了。 不过还好，发现已经有大神在Gi
<weixin_38677046> 上传 | 大小：189kb

[其它] 在小程序/mpvue中使用flyio发起网络请求的方法

说明：Fly.js 一个基于Promise的、强大的、支持多种Javascr ipt运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ，最大可能的实现 Write Once Run Everywhere。 Flyio Github: https://github.com/wendux/fly 问题 随着 Weex 、mpvue 的发布，他们都是支持Vue.js语法。目
<weixin_38693586> 上传 | 大小：67kb

[其它] 微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析

说明：前言 小程序支持webview以后，我们开发的好多h5页面，就可以直接在小程序里使用了，比如我们开发的微信商城，文章详情页，商品详情页，就可以开发一套，多处使用了。我们今天来讲一讲。在小程序的webview里实现微信支付功能。因为微信不允许在小程序的webview里直接调起微信支付。所以我们这节课就要涉及到小程序和webview的交互了。 老规矩先看效果。 因为这里涉及的东西比较多，录gif太多，没法上传，我就录制了一段视频出来。 https://v.qq.com/x/page/t0913i
<weixin_38588394> 上传 | 大小：1mb

[其它] 微信小程序 如何获取网络状态

说明：前言 手机连接到互联网有几种方式：Wifi、2G、3G、4G，包括很快到来的5G，每种方式的上传速度和下载速度差异很大，它们的计费方式的差异也导致用户在使用互联网服务的时候有不同的使用习惯。 Wifi相对于其他几种网络连接方式，其速度会更快。Wifi一般都是免费供用户使用，通过移动数据网络是需要根据使用流量进行计费的。我们考虑这样一个场景，小程序需要下载一些文档，然后通过小程序的能力去预览这个文档，这些文档可能文件体积比较大，对于某些用户来说，他们并不想耗费太多的数据流量去预览文档。考虑到这样的
<weixin_38628243> 上传 | 大小：45kb

[其它] 微信小程序版本自动更新的方法

说明：公司的小程序项目上线, 后期还会有小型的版本迭代. 为了让用户能在我们进行版本迭代后及时使用最新版本的功能. 做了以下优化.. 知识点1: 当用户点击左上角关闭，或者按了设备Home 键离开微信，小程序并没有直接销毁，而是进入了后台； 当再次进入微信或再次打开小程序，又会从后台进入前台，只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。 知识点2: 小程序的启动分为”冷启动” 和 “热启动”. 热启动是指: 小程序打开后，在一段时间内（目前：5分钟）再次被打开，此时会将
<weixin_38684743> 上传 | 大小：445kb

[其它] 微信小程序中使用Async-await方法异步请求变为同步请求方法

说明：微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法： 注意： Async-await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5, 会报错： ReferenceError: regeneratorRuntime is not defined 避免报错，可以引入 regenerator 在根目录下创建 lib 文件夹，并将 https://github
<weixin_38701407> 上传 | 大小：90kb

[其它] 微信小程序如何获取用户收货地址

说明：获取用户收货地址需要用户点击授权，所以有两种情况，确认授权、取消授权。 情况一，用户第一次访问用户地址授权，并且点击确定授权。 情况二，用户点击取消授权后，再次获取授权 流程： （代码逻辑整理） 1.点击事件触发函数，获取用户当前设置 2.根据用户当前设置中的用户授权结果，判断是否包含收货地址授权 3.如果包含收货地址授权并且没有取消过收货地址授权，直接调用wx.chooseAddress（），获取用户收货地址。 4.取消过收货地址授权，调用wx.openSetting（），调起客户端小程序
<weixin_38674627> 上传 | 大小：74kb

[其它] 微信小程序下拉框功能的实例代码

说明：微信小程序组件里没有下拉框，正好要用到，记下来以后参考 wxml代码 选择接收班级 {{grade_name}} <view class=select_box wx
<weixin_38590541> 上传 | 大小：45kb

[其它] 微信小程序使用swiper组件实现类3D轮播图

说明：Swiper是纯javascr ipt打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 在写微信小程序时，有写到实现3D轮播图的效果，可以直接使用微信小程序中自带的组件swiper来实现 效果图如下： 1.swiper的相关属性 indicator-dots 是否显示小圆点，也可以自己重新设置小圆点 circular 是否衔接滑动
<weixin_38662122> 上传 | 大小：77kb