本文实例讲述了微信小程序学习笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考，具体如下： 前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。现在需要实现点击博客标题或缩略图，跳转到博客详情页面。开始想研究一下微信小程序的web-view组件跳转传参，把网页嵌入到小程序，结果看到官方文档的一句话打消了念头，因为没有认证......【方法一 使用navigator组件跳转传参】 前台博客列表页面data.wxml：（后台...
本文实例讲述了微信小程序学习笔记之登录API与获取用户信息操作。分享给大家供大家参考，具体如下： 前面介绍了微信小程序跳转页面、传递参数获得数据，这里来分析一下登录API与获取用户信息操作方法。【小程序登录】wx.login() app.js： App({onLaunch: function () {// 登录wx.login({success: function (res) {if (res.code) {//发起网络请求wx.request({url: https://www.msllws.top/delcode.php,data: {code: res.code}})} el...
本文实例讲述了微信小程序学习笔记之文件上传、下载操作。分享给大家供大家参考，具体如下： 前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下载操作。【文件上传】wx.uploadFile （以上传图片为例） 后台上传接口Upload.php：（tp5） <?php namespace app\home\controller; use think\Controller; class Upload extends First {//上传图片APIpublic function upImg() {$arr = array(state=>0,msg=...
所述问题：前端时间开发了一个微信小程序商城项目，因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录，获取系统后台的用户基本信息。再此之前，一直以为微信小程序中的App.js 中onLaunch （小程序初始化完成执行该方法）方法比其他页面的的 onload 方法要先执行。那么问题就来了，我每次进入小程序首页的时候有时候会先执行onlaunch方法，有时又会先执行首页的onload的方法，最后经过确定，在微信小程序...
微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法： 注意： Async-await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5, 会报错：ReferenceError: regeneratorRuntime is not defined避免报错，可以引入 regenerator 在根目录下创建 lib 文件夹，并将 https://github.com/facebook/regenerator/tree/master/packages 里面的 r...
本文实例讲述了微信小程序实现获取准确的腾讯定位地址功能。分享给大家供大家参考，具体如下： 官方参考文档：https://lbs.qq.com/qqmap_wx_jssdk/index.html 逆地址解析（坐标位置描述） 1. 申请开发者密钥（key）与设置 个人使用：登录，点击“key管理”，进入设置，选择“WebServiceAPI”，如果没有小程序ID，勾选“授权IP”，如果有小程序ID，勾选“域名白名单”，且勾选“微信小程序”，输入授权APPID。 https://lbs.qq.com/c...
获取微信小程序登录的session，整个过程如下：第一步：小程序取得要往服务端传的 js_code App({onLaunch: function() {wx.login({success: function(res) {if (res.code) {//TODO} else {console.log(获取用户登录态失败！ + res.errMsg)}}});} })第二步：服务器接收js_code,然后调用微信接口验证，获取session_key 接口调用地址：https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_t...
实现搜索城市功能 参考 微信小程序 之『仿美团城市选择 城市切换』 https://github.com/cinoliu/-selectCityjs文件 // pages/address/address.js var app = getApp()Page({data: {searchLetter: [],showLetter: "",winHeight: 0,cityList: [],isShowLetter: false,scrollTop: 0,//置顶高度scrollTopId: ,//置顶idcity: "",cityList_search:[],address_show:false,search_city:[],is_data:true,empty:,},onLoad: function (options)...
一、前言： 我发现很多的同学都在抱怨说微信小程序的picker的mode = selector/mode = multiSelector 无法实现Object Array数据类型的绑定，其实很多人就想要和html中的下拉选中的通过选中获取vaule中的属性值，其实认真查看微信picker组件详解的都知道其实是可以实现的，只不过微信给的实例是array的实例而object array实例是留给大家去动手的哟，在这里我主要介绍的mode=selector 的objectArray实现。 二、介绍： 普通选择器：mo...
其实微信小程序前端和云端都是可以调用短信平台接口发送短信的，使用云端云函数的好处是无需配置域名，也没有个数限制。 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ，SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1.安装 下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹，如下:由于目前IDE没有云函数导入功能，您需要手工创建同名的云函数，然后将云函数下的文件手工拷进去 注：下载的SDK是一个完整...
一、实践踩坑 项目使用mpvue开发 1. scroll-view默认是不滚动的。。所以要先设置scroll-x="true"或者scroll-y="true"2. 在scroll-view里面添加定宽元素，超过scroll-view宽度（设置了100%，即屏幕宽度)后，它竟然换行了。所以要scroll-view的样式要这样设置：scroll-view {width: 100%;white-space: nowrap; // 不让它换行}3. 然后在定宽元素里边添加子容器： // html大概长这样 <scroll-view scroll-x="true"><div class="tab-ite...
wepy框架借鉴了vue的语法风格和功能特性，但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题，共大家参考一下。如果第一次用wepy开发，强烈建议仔细阅读一下这篇文章，一定对你有帮助，会帮你节约很多宝贵的时间。开发过程中也建议大家时不时的回来阅读一次，巩固加强记忆。 wepy中的组件组件里面的坑还不是一般的多！首先来说说组件间的数据共享。在vue中你也能做到这一点，只要把 data 写成一个对象...
在我们传统的Javascript开发函数编写中，我们习惯了回调函数的处理，不过随着回调函数的增多，以及异步处理的复杂性等原因，代码越来越难读，因此诞生了使用Promise来优化JS函数处理的需求，引入Promise确实能够很好的解决异步回调函数的可读性等问题，同时也使得我们调用的时候代码简洁一些，本文介绍如何在小程序的JS代码里面使用Promise来封装一些函数的做法。 1、小程序传统的回调处理 例如我们生成一个小程序，里面的app.js里...
前言微信小程序默认给我们提供了一个省市区的picker选择器，只需将mode设置为region即可 <pickermode="region"bindchange="bindRegionChange"value="{{region}}"custom-item="{{customItem}}">因为小程序默认提供的省市区选择器只能保存名称，不能保存id，而且我也不需要选择三级城市，所以这里打算通过mode="multiSelector"来实现省份城市的选择 城市数据json格式关于省份城市数据的获取，这里我通过接口去获取数据，返回的json格...
前言 众所周知，无论是在小程序还是APP中，打开一个页面其实就是创建了一个新的View对象，一层层叠加的。当点击页面的回退按钮就是把当前页面关闭。 这个过程中会涉及到一个问题，就是打开页面的数量。在某些设计下，比如一个商品详情页面中会推荐其他的商品，这些商品点进去就是详情页面。详情页面中又有推荐，又可以点进去。这样重复下去打开的页面就会越来越多。 如果不做限制，当打开数量到一定程度的时候肯定会卡死了。在微信...