微信小程序
荔枝1
这个作者很懒,什么都没留下…
展开
-
微信小程序 CheckBox选中状态判断
微信小程序 CheckBox选中状态判断翻译 2022-12-11 13:57:05 · 1604 阅读 · 0 评论 -
微信小程序image属性 mode 的几种模式
微信小程序image属性 mode 的几种模式转载 2022-07-17 07:36:33 · 5990 阅读 · 0 评论 -
微信小程序底部导航Tabbar
微信小程序底部导航Tabbar转载 2022-07-17 07:26:22 · 889 阅读 · 0 评论 -
微信小程序实现弹出层效果的具体代码
微信小程序实现弹出层效果的具体代码转载 2022-07-17 07:21:15 · 1016 阅读 · 0 评论 -
小程序 订阅消息功能实现 wx.requestSubscribeMessage
第一步,html 内容,添加按钮点击事件<text>{{textcontent}}</text><button bindtap="subTap" hover-class="other-button-hover">允许订阅消息</button>第二步,js 内容data: { textcontent: '提示:未开启'},// 检测是否开启 更新提示 testingTap: function() { let that =...转载 2022-03-09 10:45:39 · 634 阅读 · 0 评论 -
微信小程序组件调用接口,本地缓存问题
大家都知道组件很好用,很多情况下我们会用到组件,比如很多小程序有用到 **“咨询”这个功能,这个功能需要在每个tarBar页面都有入口文件,那么问题就来了,我们这个咨询如果是有用到图片和文字需要用到接口的时候,我们第一时间会想到能不能在组件上调用接口,这样的话我们就不...转载 2020-02-21 16:45:49 · 1233 阅读 · 0 评论 -
微信小程序用户授权,以及判断登录是否过期的方法
这篇文章主要介绍了微信小程序用户授权及判断登录是否过期,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 初始界面:判断用户是否过期(如果未过期则重新登录):获取用户...转载 2020-02-21 16:35:59 · 4507 阅读 · 0 评论 -
微信小程序之获取用户位置权限(拒绝后提醒)
微信小程序获取用户当前位置有三个方式:1. wx.getLocation(多与wx.openLocation一起用) 获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.openLocation的坐标2. wx.chooseLocation 需要授权,打开地图选择位置 第一次调用方法时先出现 允许权限之后之后再出现 如果第...转载 2020-02-17 17:08:57 · 5153 阅读 · 1 评论 -
小程序(wx.checkSession:检验当前用户的session_key是否有效)
为什么要用wx.checkSession()——有时候,我们会因为session_key不正确而导致解密或者校验签名失败。有几方面的原因:1、因为wx.login()被调用时,用户的session_key会被更新导致就session_key失效。所以,在调用wx.login()的时候应该要明确需要登录之后再调用。2、另外,微信不会把session_key的有效期告诉我们,用户越频繁...转载 2020-02-17 11:32:27 · 7634 阅读 · 0 评论 -
微信小程序——getUserInfo:fail scope unauthorized错误解决方法
wx.getUserInfo({ success: function(res) { console.log('获取用户信息成功'); }, fail: function(e) { console.log("获取用户信息失败 + " + JSON.stringify...转载 2020-02-17 09:41:49 · 3679 阅读 · 0 评论 -
微信小程序获取unionId
获取unionid一定要先在开放平台绑定小程序,否则没办法获取到UnionID机制说明如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过unionid来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的unionid是唯一的。换句话说,同一用户,对同一个微信开放平台下的不同应用,union...转载 2020-02-16 21:57:32 · 181 阅读 · 0 评论 -
微信小程序防止重复点击的两种处理方法
当用户点击按钮或控件时,如果响应比较慢,往往会重复点击,另外也会存在用户故意反复快速点击的情况,这种时候就会多次触发点击事件造成非期望的结果。如何解决或避免这个问题呢?一般来说有两种情况。 1、点击事件是执行请求 这种情况下可以在请求执行之前显示一个模式的加载框,请求完成后再关闭加载框,由于小程序在1.1.0...转载 2020-02-16 21:53:53 · 3934 阅读 · 2 评论 -
小程序微信支付 实例配置详解
近期进行小程序的开发,毕竟是商城项目的开发,最后牵扯到的微信支付是必要的个人开发过程中也是遇到各种问题,在此,我根据自己的实际操作,进行了代码的详细配置,以方便小程序新手的快速操作- 使用语言:PHP # PHP世界上最好的语言 HaHahahaaha- 使用框架:ThinkPHP 3.2 # 版本有点低而已,没啥大碍- 测试工具:...转载 2020-02-16 21:44:59 · 394 阅读 · 0 评论 -
微信小程序 - 高级 - wx:for 与 wx:for-items 与 wx:key - 1
前言:微信小程序的循环实现,通过wx:for 与 wx:for-items 与 wx:key,那么他的主要使用特点是什么呢?1 wx:for从目前的例子看,wx:for 的使用确实是对数组来做的,参考微信icon示例程序。示例里面都是对数组进行条件判断,比如iconsizejius就是一个...转载 2020-02-16 21:38:13 · 529 阅读 · 0 评论 -
微信小程序picker的range和range-key的用法注意
通常,我们在获取后台的数据字典要显示在页面的picker中,如上图所示,但后台传过来的参数是以数组格式传过来的数据,里面是多项json结构的数据,在picker中显示的只是每项json结构数据中的某一项,但需要给后台传的数据却是另一项,例如:后台给我的数据是myAnnual这个数组,我在picker上...转载 2020-02-16 21:23:18 · 961 阅读 · 0 评论 -
微信小程序:校验真实姓名和身份证号
1.界面2. 代码login.wxml<view wx:if="{{role}}"> <view class="box"> <view class="title"> 完善身份信息 </view> <view class="warn">*完善身份...转载 2020-02-16 16:30:00 · 3414 阅读 · 0 评论 -
微信小程序开发——map组件
代码示例1、xxx.wxml<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" controls="{{controls}}" circles="{{circles}}" polyline="{{polyl...转载 2020-02-15 17:54:04 · 357 阅读 · 0 评论 -
小程序中wx.setStorage和 wx.getStorage
页面结构<view class="search-header"> <input class="search-input" placeholder='搜索' bindinput='handleInputChange' /> <view class="search-btn" bindtap='handleSearch'>搜索</view>...转载 2020-01-18 11:48:48 · 646 阅读 · 0 评论 -
微信小程序如何返回到上一个页面,并刷新页面呢?
前言小程序如何返回到上一个页面,并刷新页面呢?这样的需求很常见,比如: 订单详情页面,订单状态是“已付款”,这时候发起“退款”,跳转到申请退款页面,申请成功后,返回到订单详情,这时候的订单状态 是不是要变为“退款中”的状态?在普通的html页面,很简单,不用操作都可以实现。因为浏览器返回会自动刷新。 但是小程序返回是不会自动刷新上一个页面的。所以需要一点点技巧。下面还是模拟上面的场景。申请退...转载 2020-01-18 11:45:30 · 5309 阅读 · 0 评论 -
微信小程序新坑-禁用部分页面的下拉刷新
1.全局配置默认启用所有页面的下拉刷新2.在需要禁用下拉刷新的页面禁用下拉刷新 ...转载 2020-01-18 11:16:48 · 2237 阅读 · 0 评论 -
微信小程序左上角返回按钮跳转到指定页面
在当前页面的 onUnload 执行页面跳转 onUnload: function () { wx.reLaunch({ url: ‘…/logs/logs’ }) },代码讲解:监听页面卸载的函数,把页面重定向到指定的 页面; ...转载 2020-01-18 11:10:14 · 1512 阅读 · 0 评论 -
微信小程序之wx.requestPayment 发起微信支付
问题:获取select 中 option自定义的属性,使用了一个 省市区三级联动的插件,然后获取里面的option值解决:jQuery方法 <select id="selectList" > <option value="浙江省" data-code="10003">浙江省&l...转载 2020-01-18 09:33:58 · 14322 阅读 · 1 评论 -
小程序 triggerEvent 使用
在对组件进行封装时 在当前页面想要获取组件中的某一状态,需要使用到this.triggerEvent(' ',{},{}),第一个参数是自定义事件名称,这个名称是在页面调用组件时bind的名称,第二个对象就可以将想要的属性拿到,第三个参数文档中有介绍,有机会再做补充。在这个demo中like组件是我要封装的组件,在classic.wxml中调用的:image.png组件li...转载 2019-12-19 09:53:41 · 1336 阅读 · 0 评论 -
微信小程序Promise对象
Promise 对象Promise 的含义 基本用法 Promise.prototype.then() Promise.prototype.catch() Promise.prototype.finally() Promise.all() Promise.race() Promise.resolve() Promise.reject() 应用 Promise.try()P...转载 2019-11-13 16:58:58 · 905 阅读 · 0 评论 -
微信小程序自定义事件
前文在上一章节中我是给大家介绍了一下微信小程序的自定义组件,这一章我要说说小程序的另一个强大功能--自定义事件什么是自定义事件呢,你可以简单的理解为:在触发子组件的一些事件的时候,同时也能触发父组件对应的事件并对父组件中的某些数据进行修改的事件就是自定义事件.有翻阅学习过小程序官方给出的自定义组件教程的小伙们一定会有和我一样想爆粗口的冲动...因为上面说的真的有点乱...不过没...转载 2019-11-13 16:54:56 · 2617 阅读 · 0 评论 -
微信小程序使用第三方库(第三方js)问题
原https://blog.csdn.net/u012421719/article/details/56676801 微信小程序使用第三方库(第三方js)问题 比如很多人会有这样的问题:小程序怎样引用第三方js呢?第三方js是封装好的类库 想引用进来实例化使用这个帖子就综合一下所有相关的知识,做一个整合,以便大家能够集中了了解;我觉得这个...转载 2018-11-13 14:02:49 · 4649 阅读 · 0 评论 -
小程序之短信验证
在此描述一下前端实现效果的思路:当用户输入完手机号,点击发送验证码时候,要判断现在能否点击(能点击:用户手机号正确且不在发送验证码过程中;不能点击:用户输入的手机号不对或者已经在发送验证码过程中),然后做相应的处理。wxml代码:<form bindsubmit='formsubmit'> <view class='people_info_box'>...转载 2018-11-13 13:15:59 · 280 阅读 · 0 评论 -
微信小程序实例教程
微信小程序实例教程(一)原文:https://www.cnblogs.com/niejunchan/p/5918855.html 拼序网(小程序制作服务商) 小程序:传图识字君  ...转载 2018-11-07 11:27:15 · 1751 阅读 · 0 评论 -
腾讯云服务音视频直播
用腾讯云服务 https://cloud.tencent.com/document/product/454/12517结合LivePlay LivePush微信端(小程序)腾讯视频云来保存转载 2018-11-03 21:42:51 · 301 阅读 · 0 评论 -
微信小程序之小程序上线
原 微信小程序之小程序上线 2017年08月26日 15:26:23 michael_ouyang 阅读数:3306更多 &amp;amp;amp;lt;div class=&amp;amp;quot;tags-box space&amp;amp;quot;&amp;amp;amp;g转载 2018-11-01 16:19:00 · 198 阅读 · 0 评论 -
微信小程序怎么实现内容的展开和收起
看到一个需求,对一些前端小白或者刚开始写小程序的人来说,可能会有点帮助,效果如下:就是以上效果,废话不多说,上代码wxml:<view class='list_box' wx:for='{{list}}' wx:key='this' wx:for-item='parentItem' wx:for-index='parentIndex' ><view class='list...转载 2018-10-31 16:59:50 · 11835 阅读 · 3 评论 -
微信小程序之人脸识别(添加信息和上传照片)
原文:https://blog.csdn.net/SPP_TY/article/details/80432270首先,我们要有开发者工具,今天所说的是后端和前端联合起来实现的。在PHP的控制器中写一个upload方法,代码如下: public function upload($id=''){ if(empty($id)){ return false; ...转载 2018-11-13 19:06:09 · 2050 阅读 · 0 评论 -
微信小程序消息推送
一、先从模板库中选出自己的模板二、拿到formId给后台,用于发送模板消息wxml代码:<form bindsubmit="submit" report-submit='true' ><button form-type="submit" type="default" size="mini">提交</button></form>...原创 2018-11-13 21:48:44 · 3073 阅读 · 0 评论 -
微信小程序scrollview上拉加载下拉刷新
html<scroll-view scroll-y style='height:{{windowHeight+40}}px;' bindscrolltolower="loadMore" bindscrolltoupper="refresh"><!-- bindscrolltolower 滚动到底部/右边时触发 --><view class='list'&g...原创 2019-06-13 12:29:48 · 3033 阅读 · 0 评论 -
微信小程序页面跳转方法总结
1. 利用小程序提供的 API 跳转: //只能跳转到tabBar配置页面 wx.switchTab({ url: '/pages/index/index', }); //返回上一级页面(delta:返回的页面数,如果 delta 大于现有页面数,则返回到首页,默认值为1) wx.navigateBack({ d...转载 2019-06-12 14:38:52 · 675 阅读 · 0 评论 -
微信小程序——列表渲染wx:for
wx:for在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item {{index}}: {{item.message}}复制代码Page({data: {array: [{message: ‘foo’,}, {message: ‘bar’}]}})...转载 2019-06-12 14:20:14 · 389 阅读 · 0 评论 -
微信小程序,计算时分秒时间差
shijiancha: function (faultDate, completeTime) {var stime = Date.parse(new Date(faultDate));var etime = Date.parse(new Date(completeTime));var usedTime = etime - stime; //两个时间戳相差的毫秒数var days =...原创 2019-05-28 11:24:54 · 6782 阅读 · 0 评论 -
小程序实现文件的预览
wx.downloadFile({url: ‘http://../reshaiwai/demo.pdf’, //要预览的PDF的地址success: function (res) {console.log(res);if (res.statusCode === 200) { //成功var Path = res.tempFilePath ...转载 2019-06-12 14:17:27 · 5728 阅读 · 0 评论 -
三级联动
js代码Page({ /** * 页面的初始数据 */ data: { objectMultiShow: [], objectMultiArray: [], multiArray: [], multiIndex: [], checkeIndex: [] }, /** * 生命周期函数--监听页面加载 * obj...转载 2019-05-22 11:24:21 · 325 阅读 · 0 评论 -
预约型日历,当前时间之前的不允许点击
wxml中代码:<view class="gradient"> <view class="box"> <view class="spaceAroundCenter"> <view class="flex-item"> <view class="item-content"> ...原创 2019-05-22 11:18:05 · 1975 阅读 · 0 评论