![](https://img-blog.csdnimg.cn/20191020224949994.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小程序
格格巫仙女
这个作者很懒,什么都没留下…
展开
-
小程序查询元素节点的位置
小程序查询元素节点的位置。原创 2022-08-12 16:25:36 · 1068 阅读 · 0 评论 -
小程序云开发【保姆级别】
申请免费版本的云开发环境2.初始化app.js 需先调用wx.cloud.init方法完成云能力初始化.但是这个初始化只会决定小程序端 API 调用的云环境,并不会决定云函数中的 API 调用的环境,所以每个云函数也需要进行一次初始化调用环境,在设置env调用环境时使用一个常量3.写一个云函数我的第一个云函数 | 微信开放文档4.云函数的一些常用 方法 前端传参,云函数接受参数 wx.cloud.callFunction({ name: 'sum',//...原创 2022-03-24 18:53:07 · 1898 阅读 · 0 评论 -
小程序 - 判断元素是否在页面的显示区域内 wx.createIntersectionObserver
onLoad() { this._observer = wx.createIntersectionObserver() this._observer //.relativeTo('.scroll-view') .relativeToViewport() //指定页面显示区域作为参照区域之一 .observe('.ball', (res) => { //在参照区域里监听目标节点是否显示 console.log(res); ...原创 2021-10-15 17:54:15 · 1638 阅读 · 0 评论 -
小程序setData中键名key多种设置方法
data: { person:{ name:'张三', age:19, work:['学生','学生1','学生2'] }, num:1 }, addNum :function() { let count=2 this.setData({ //正常 num:this.data.num+1, //对象 'person.name':this.data.person.name+...原创 2021-10-15 14:40:21 · 426 阅读 · 1 评论 -
小程序组件
1.组件传值 <my-component bind:myevent="myEventListener" showType="2" class="my-component"> <!-- 这部分内容将被放置在组件 <slot> 的位置上 --> <view>这里是插入到组件slot中的内容</view> </my-component> <button bindtap="getChildCompone原创 2021-09-27 11:23:46 · 72 阅读 · 0 评论 -
小程序分享图片给好友,到朋友圈,保存到本地
1.小程序不支持直接分享图片给好友,可长按图片预览分享给好友 //海报相关 shareToFriend() { let path = [] path.push(this.data.posterUrl) wx.previewImage({ urls: path, }) },2.分享图片到朋友圈,微信暂时不支持直接分享图片到朋友圈。可保存到手机相册,让用户自己选择发到朋友圈保存到本地相册只支持本地路径,不支持网络路径,故先转成本地路径,然后保存.原创 2021-01-08 15:02:24 · 6657 阅读 · 6 评论 -
小程序 wxs的使用说明
wxs:wxs weixin script,小程序的脚本语言;可以结合wxml构建页面结构;说白了 就是在小程序里面写函数表达式的地方;使用方法:可直接在wxml页面里直接写wxs,也可以外部引入wxs语法https://www.cnblogs.com/qdwds/p/11707077.html...原创 2021-01-07 17:51:22 · 389 阅读 · 0 评论 -
小程序组件封装以及页面与组件之间相互传值
1.组件封装子组件wxml<button>我是子组件</button><view>我是父组件传的参数{{phone}}</view><button bindtap="sendFatherVal">传值给父组件</button>子组件json{ "component": true, "usingComponents": {}}直接放在app.json里面注册可以在所有的页面中都使用该组件,而不用单独.原创 2021-01-07 16:21:36 · 661 阅读 · 0 评论 -
小程序开发账户申请和认证
一个邮箱只能申请一个小程序1.https://mp.weixin.qq.com/注册认证即可2.如果小程序和公众号同一主体,可以快速认证,且不需要300认证费如果已经有小程序账户但未开通微信认证,可以先关联再认证如果还没有可直接注册认证操作文档:https://kf.qq.com/faq/170705yyUb2A170705MjeIRr.html...原创 2020-12-22 15:48:51 · 498 阅读 · 0 评论 -
小程序实现消息渐变显示影藏demo
<!-- 消息 --> <view class="scoll-des {{index==desIndex?'animation-fade':'hidden'}}" wx:for=" {{desList}}" wx:key="index">{{item}}</view> this.desShowFun(0) desShowFun:function(index){ if(index+1>=this.data.desList....原创 2020-12-19 11:47:24 · 232 阅读 · 0 评论 -
小程序调取微信支付
//根据后台返回的支付信息传给wx.requestPayment就可以了 fetch.requestAjax("WxPay", "Pay", 'POST', function(res) { if (res.code == "200") { wx.requestPayment({ 'timeStamp': res.data.TimeStamp,//时间戳 'nonceStr': res.data.NonceS.原创 2020-11-03 22:28:10 · 276 阅读 · 0 评论 -
小程序获取openid和unionid方法
1.openid可以用于区别不同用户,但是同一用户在小程序和公众号的openid是不一致的,如果想要做用户数据关联,unionid是一个不错的解决方案,不过要在微信开放平台上把你想要共享的公众号或是小程序进行绑定小程序如何获取用户openid和unionid前端通过wx.login的方法获取到登录凭证code(code (有效期五分钟)只能使用一次)。然后通过code来请求微信端调用code2Session接口置换openid和unionid,session_key.这个置换要让后台请求微信服...原创 2020-11-03 22:22:58 · 4539 阅读 · 0 评论 -
小程序直播状态同步
//同步直播状态 syncLiveStatus: function () { let LiveList = this.data.LiveList let that = this LiveList.Items.forEach(function (val) { var room = val.LiveRoom if (room.LiveStatus!=undefined) { let livePlayer = requirePlugin('...原创 2020-11-03 21:43:05 · 426 阅读 · 0 评论 -
小程序定位显示
1.微信提供了wx.getLocation的方法可以获取到经纬度信息。在使用这个 API 之前需要首先设置用户授权.2.用户有可能在进入小程序的时候关闭了获取位置的权限, 当需要获取位置的时候要重新判断是否拥有权限。 如果没有权限需要再次提醒用户授权.第一步我们需要在app.json文件中首先配置地理位置用途说明"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效...原创 2020-11-02 20:34:55 · 1387 阅读 · 0 评论 -
微信小程序区分开发环境、生产环境(开发版、体验版、正式版)
//根据开发环境配置请求地址// 获取当前帐号信息const accountInfo = wx.getAccountInfoSync();// env类型const env = accountInfo.miniProgram.envVersion;const baseApi = { // 开发版 develop: "https://ddd.123.com", // 体验版 trial: "https://ddd.123.com", // 正式版 release: "htt.原创 2020-10-20 16:01:26 · 5349 阅读 · 0 评论 -
微信公众号调取相册和摄像头功能,实现图片上传
https://blog.csdn.net/guozhangqiang/article/details/80762502https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#17转载 2020-06-10 09:21:50 · 1658 阅读 · 0 评论 -
识别小程序码中的参数
var scene = decodeURIComponent(options.scene) //'shopId=1171,id=13167,shareId=85' var strs = scene.split(","); //字符分割 var arr = [] for (var i = 0; i < strs.length; i++) { var item = strs[i].split("=")[1]; arr.push(item...原创 2020-06-06 16:03:24 · 777 阅读 · 0 评论 -
公众号实现微信支付以及问题
支付文档https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6微信支付WeixinJSBridge.invoke 安卓无反应,ios调用却可以1.https://www.cnblogs.com/cxx9759/p/12071671.html2.https://blog.csdn.net/b850824/article/details/73911027...原创 2020-06-03 14:10:11 · 166 阅读 · 0 评论 -
小程序实现微信在线支付
参考:https://www.cnblogs.com/zhixi/p/9771685.html var data = { "params": { "ids": str, "openid": wx.getStorageSync('openId') }, ...原创 2020-04-29 17:21:37 · 317 阅读 · 0 评论 -
微信小程序使用iconfont图标 微信小程序上传图片
转https://www.jianshu.com/p/87fd129b9fda原创 2020-04-29 17:04:48 · 537 阅读 · 0 评论 -
小程序获取用户手机号
<button type="primary" plain="true" class="wx-login" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> 授权获取您的手机号</button>//获取用户手机号 getPhoneNumber: function (e) {...原创 2020-03-11 21:11:24 · 264 阅读 · 0 评论 -
小程序用户授权获取基本信息登录
<button type="primary" plain="true" class="wx-login" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo">微信登录</button> //授权登录 bindGetUserInfo: function (e) { ...原创 2020-03-11 21:06:59 · 1580 阅读 · 0 评论 -
小程序直播使用【订阅】组件以及修改订阅提醒按钮颜色 遇到的报错
1,使用,写的很清楚,不多说了2,报错,提示组件找不到原因是我是在主包里使用了订阅组件。但是前面配置的时候,是在分包里配置的,所以挪出来就可以了。3,现在不报错了,但是订阅按钮显示了两秒就自动消失了,是因为我随便写了个房间号id测试,roomid不是未开始的房间号,所以就消失了...原创 2020-03-11 15:38:12 · 1863 阅读 · 1 评论 -
小程序中定时器的使用和清楚
<view class="container"> <button type='primary' style='margin-bottom:40rpx;' bindtap='startS'>开始</button> <button type='primary' bindtap='end'>结束</button></view&...原创 2020-03-10 15:15:06 · 426 阅读 · 0 评论 -
wx.showModal提示文字分两行显示
var deliText = "该订单......\r\n注:........"; wx.showModal({ content: deliText, success(res) { if (res.confirm) { //.....确定 } } })...原创 2020-02-23 15:05:38 · 1423 阅读 · 0 评论 -
小程序setData赋值后在其他地方修改,会改变接口返回存储的值
异常:我在onload中拿到接口返回的值,然后保存再data中,再在另一个函数中获取并改变了这个值。然后再打印接口返回值的时候,打印的出来的却是改变后的数据,执行顺序没问题原因:可能是小程序中两个地方指针指向的存储空间一样,会相互引用解决方法:深拷贝 或者 直接存储再本地var oldProductItems= JSON.parse(JSON.stringify(res.data...原创 2020-02-16 18:28:58 · 553 阅读 · 0 评论 -
小程序使用空格符无效
直接把 写在<text>组件里面无效原创 2019-12-28 11:09:24 · 982 阅读 · 0 评论 -
小程序原生实现侧滑右侧菜单
wxml<view class="page"><button bindtap="tap_click">动画开关</button> <view class="content {{side.newopen?'':'state'}}"> </view></view>wxss.conte...原创 2019-12-19 21:07:17 · 304 阅读 · 0 评论 -
小程序页面返回刷新数据,页面onload中获取的option中参数获取在onshow中获取不到
需求,商品详情结算提交订单后,可更改默认收货地址,在收货地址修改后,返回提交订单页,且刷新订单页的地址基础数据问题:选择收货地址返回后,从详情页传递的商品id以及商品数量都取不到了。解决办法,在点击提交订单的时候,将这些数据直接就存储本地。本来试了在onload中存储,发现不行,页面返回后存储的数据还是被清空了。暂时想不到其他好的办法。有好的办法欢迎留言,谢谢...原创 2019-12-14 17:12:21 · 3969 阅读 · 0 评论 -
小程序wxml文件中编写js代码
亲测有用:https://blog.csdn.net/dt1991524/article/details/81907767原创 2019-11-26 09:22:47 · 487 阅读 · 0 评论 -
小程序刷新当前页面
//刷新当前页面if (getCurrentPages().length != 0) { //刷新当前页面的数据 getCurrentPages()[getCurrentPages().length - 1].onLoad()}原创 2019-11-22 11:06:30 · 710 阅读 · 0 评论 -
小程序阻止事件冒泡
<view class="wrap-num" bindtap="closeModul"> <text class="glyphicon glyphicon-minus" style='font-size:40rpx;' catchtap="reducenum">-</text> <input type='...原创 2019-11-21 12:29:09 · 641 阅读 · 0 评论 -
小程序跳转传递参数
第一种//传递参数 toggleCash:function(){ wx.navigateTo({ url: './capitalWithDraw/capitalWithDraw?withDrawMinimum=' + this.data.withDrawMinimum + '&withDrawMaximum=' + this.data.withDrawMax...原创 2019-11-05 17:22:49 · 267 阅读 · 0 评论 -
小程序返回上一页并刷新上一页数据
1.返回上一页 setTimeout(function(){ wx.navigateBack({}) },2000)wx.navigateBack({ delta: 2//返回前两页})//注意如果返回没有效果,这个API还是要你当前有多少个页面的, 如果你打开的页面只有一个的话,返回上一页没有效果,可通过getC...原创 2019-11-05 14:42:26 · 1036 阅读 · 0 评论 -
小程序中遇到的小bug---持续更新中
1、navigator 包裹的元素点击有背景阴影设置navigator属性 hover-class="none"时,没有点击态效果<navigator url="../../account/payment/payment" hover-class="none"> <view class="noPassword">忘记密码?</view> &...原创 2019-11-01 12:30:10 · 139 阅读 · 0 评论 -
小程序全局变量的获取,修改和全局函数使用
//app.jsApp({ data: { }, globalData: { loginState: false,//全局登录状态 },})//需要使用的页面//获取//获取var app = getApp();//获取到全局唯一的 App 示例,获取App上的数据或调用开发者注册在 App 上的函数。Page({ console.log...原创 2019-10-31 12:19:55 · 1511 阅读 · 0 评论 -
小程序实现拨打电话
//wxml<view class="tel-main" bindtap="makePhoneCall">电话:{{shopNumber}}</view>//js data: { shopNumber:'0730-2153554' }, makePhoneCall:function(){ wx.makePhoneCall({...原创 2019-10-28 16:41:56 · 4595 阅读 · 0 评论 -
微信小程序输入框常用api
//placeholder-style 占位符样式//auto-focus //maxlength//bindinput 监听事件//password 密码输入//type : number 数字输入框 digit 带小数点的数字键盘 idcard 身份证输入键盘<view class="section"> <input class="input" ...原创 2019-10-23 15:59:29 · 523 阅读 · 0 评论 -
小程序实现二维码条形码生成
<!--index.wxml--><view class="container page"> <view class="panel"> <view class="header"> </view> <view class="barcode"> <view class="bar...原创 2019-10-15 12:18:54 · 1132 阅读 · 0 评论