【微信小程序开发工具下载以及安装教程】教程文章相关的互联网学习教程文章

微信小程序 关于formId超时的问题

用真机收集formid(report-submit-timeout用了) 偶尔会出现formId超时的情况,过段时间又可以获取formId了  分析了下原因      1.跟网速有关,如果网速不好,formId就会经常出现formid超时·   2一段时间内点击的次数过多 ,也会出现formId超时  所以如果偶尔formId出现超时的情况,不是什么bug,传formId给后台时 判断formId是否是超时(formId!="requestFormId:fail timeout" ),超时则不传原文:ht...

微信小程序云函数如何获取openId【代码】【图】

1、先创建一个获取云函数的方法2、在云函数的js文件中放入代码 // 云函数入口文件 const cloud = require('wx-server-sdk')cloud.init()// 获取openid exports.main = async (event, context) => {const wxContext = cloud.getWXContext()return {event,openid: wxContext.OPENID,// appid: wxContext.APPID,// unionid: wxContext.UNIONID,} } 3、在小程序的js中调用该方法 const db = wx.cloud;/*** 云函数获取openid* 并存入缓存...

微信小程序函数封装【代码】【图】

创建service 文件 import request from '../utils/http' export function getPostsList(){const params={url:'https://www.fastmock.site/mock/feab55dd20334e49edf0d5adb2f79cbe/libai-server/api/posts'}return request(params) } export function getFocus(){const params={url:'https://www.fastmock.site/mock/feab55dd20334e49edf0d5adb2f79cbe/libai-server/api/focus'}return request(params) } export function getDetai...

关于微信小程序登录逻辑修改后的坑!!【代码】【图】

1.判断wx.canIUse(‘getUserProfile’)结果为false 答:不用管它,只要你的版本库不低于2.10.4就能使用。 2.原getUserInfo或者通过解密获取的用户信息是错误的,如昵称变成‘微信用户’ 答:使用新增的 wx.getUserProfile 接口进行获取用户信息,如: <template> <view bindtap="getUserProfile" class="my-btn">授权用户信息</view> <template><script>getUserProfile(){//wx.getUserProfile必须紧跟在方法里面,不可在方法中的回...

山东大学项目实训——地图圈系统——微信小程序(4)【代码】【图】

地图圈系统——微信小程序(4) 一、地图卫星云图显示二、实时路况显示三、回到原始位置一、地图卫星云图显示 微信小程序的map组件可以添加卫星云图显示功能 属性类型默认值必填说明enable-satellitebooleanfalse否是否开启卫星图 在regeo.wxml中添加如下代码:<cover-image class="map-qiehuan" wx-if="{{showweixing}}" src="../../src/images/wx2.png" bindtap="onChangeweixing"></cover-image><cover-image class="map-qiehua...

微信小程序wx.downloadFile下载图片(甄姬)出现格式.unknown的bug【代码】

微信小程序调用api wx.downloadFile下载图片(甄姬),有时候会出现格式.unknown的bug 针对这个问题我们可以通过自定义图片名称,并且传入filePath指定文件下载后存储的路径。let filePath = wx.env.USER_DATA_PATH + '/' + new Date().valueOf() + '.png'wx.downloadFile({url: "https://example.com/baidu.png", // 图片下载地址filePath: filePath,success: (res) => {if (res.statusCode === 200) {wx.saveImageToPhotosAlbum(...

微信小程序云开发-云函数【代码】【图】

云函数初始化 1.创建和pages平行的文件夹(cloud) 2.在project.config.json配置 3.结果: 新建云函数:1.新建云函数自带: // 云函数入口文件 const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数 exports.main = async (event, context) => {const wxContext = cloud.getWXContext()return {event,openid: wxContext.OPENID,appid: wxContext.APPID,unionid: wxContext.UNIONID,} }2.简单调用已写好的云函数...

微信小程序component组件中回调函数的this指向【代码】

在组件component中调用接口,但是接口的this指向确undefined,解决方法如下: 在组件中调用接口,有2种解决方法,一种是通过bind改变this指向,一种是通过箭头函数改变this指向; 通过bind来改变this指向,bind返回的是一个函数,这个函数可以作为回调函数 call.request('assessResult/calculateScore', this.data.checkExpert, "POST", '', this.success_getScore.bind(this), this.fail_getScore); 通过箭头函数来改变this指向,...

uniapp微信小程序拿来即用的瀑布流布局(复制粘贴即可使用,无需做其他处理)【代码】【图】

先看代码,您将看到以下的效果,图片来源于网络Uview框架,这意味着您直接复制粘贴即可使用不需要做特殊的处理,当然,如果下半部分的商品介绍信息不符合您的UI 我已提供了可以更改的大盒子,他自己没有高度,您可随意自定义。 <template><view class="Index"><!-- 瀑布流布局列表 --><view class="pubuBox"><view class="pubuItem"><view class="item-masonry" v-for="(item, index) in comList" :key="index"><image :src="ite...

uni-app 微信小程序 地图 支持搜索 uni.chooseLocation()【代码】【图】

uni-app中微信小程序端使用腾讯地图API实现定位、搜索位置 uni.chooseLocation() 需求:需要点击选择地址,唤起地图,定位当前位置,并支持搜索地址,并回填位置信息,获取经纬度。 刚接触uni-app还是有点懵的,虽然语法跟vue一样,但API大多不了解,并开始了一段百度之旅,搜索了若干结果,大多使用uni-app Map地图组件,需要先用户授权,然后获取用户位置信息,然后地图转到用户位置经纬度;实践后发现,地图无搜索地址功能,又开...

微信小程序this.setData is not a function报错【代码】

在小程序中我们一般用this.setData来改变data中的值但有的时候会出错,我们拿一个错误的例子来说明一下 doCalc:function(){wx.request({url: url,method:'POST',header: {'content-type': 'application/json' // 默认值},success: function (res) {if (res.data.code == 0){this.setData({maxCount: res.data.maxCount});}}})} 在这种情况下,会进行报错 因为this作用域指向问题 ,success函数实际是一个闭包 , 无法直接通过this...

微信小程序学习手记(一)—— 全局文件【代码】

全局逻辑文件:app.js App({//onLaunch()——监听小程序初始化,当小程序初始化完成时,会触发onLaunch(全局只触发一次)onLaunch() {// 展示本地存储能力,对logs进行初始化,通过wx.getStorageSync('logs')获取本地缓存中指定的 'logs' 对应的数组,第一次会返回一个空数组//本地缓存可在调式器的Storage中看到key--logs和对应数组const logs = wx.getStorageSync('logs') || []//对 logs 进行数组更新,在数组头部添加一个格式化...

微信小程序的介绍【图】

1.微信小程序的介绍 1.1. 为什么是微信小程序 ?微信有海量??,?且粘性很?,在微信?开发产品更容易触达??; 推?app 或公众号的成本太?。 开发适配成本低。 4. 容易?规模试错,然后快速迭代。 5. 跨平台。 1.2. 微信小程序历史2016年1?11?,微信之?张??时隔多年的公开亮相,解读了微信的四?价值观。张??指出, 越来越多产品通过公众号来做,因为这?开发、获取??和传播成本更低。拆分出来的服务号并没 有提供更好的服务,所以微信...

微信小程序注意事项

1.setData 小程序视图层和逻辑层在两个独立的模块,并不具备数据直接传递的,setData相当于他们的桥梁。常见的setData操作错误有三种。 (1)频繁的去setData:在开发过程中,尽量少的去setData,大量的setData数据会导致页面卡顿或下拉延时等。 (2)setData大量新数据:我们从setData底层可知,每次setData都会生成一个脚本,数据量大会导致脚本的编译执行时间太长,占用webView js 线程。 (3)后台态页面进行setData:...

微信小程序-渲染层网络层错误【代码】【图】

解决方案:1、判断导致该错误具体代码位置<HomeBanner img="http://www.youbaobao.xyz/book/res/bg.jpg"title="hello world"subTitle="立即体验"@onClick="onBannerClick"/>{注释有可能出现错误的代码片段,查看该错误提示是否还存在}2、找到错误代码片段,查看DOM结构 初次加载img 为 undefined3、可以通过计算属性来消除错误原代码片段<div class="bg-img":style="{backgroundImage:'url('+img+')'}"><div class="title">{{title...