这次给大家带来怎么实现微信小程序登录鉴权，实现微信小程序登录鉴权的注意事项有哪些，下面就是实战案例，一起来看一下。前言为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态，下面话不多说了，来一起看看详细的介绍吧。接入...
这次给大家带来小程序保存图片分享到朋友圈功能实现，小程序保存图片分享到朋友圈功能实现的注意事项有哪些，下面就是实战案例，一起来看一下。说明首先说明一点，小程序内是不能直接分享到朋友圈的。所以只能通过生成图片，携带小程序二维码，保存到手机相册，让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持分享的应用，基本都是这种实现方式。准备阶段1.通过服务器获取小程...
这次给大家带来如何对微信小程序进行开发，对微信小程序进行开发的注意事项有哪些，下面就是实战案例，一起来看一下。no.1 背景图不显示微信小程序里面是允许用户自定义背景图的，但是限定了背景图的路径及地址，之前一直用相对路径来写，微信开发者工具中也显示出了背景图，误以为没有问题，但是预览的时候发现手机中不显示背景图，这就是今天介绍的第一个坑，背景图不允许为本地图片。解决方法：第一、用在线图片转base64码的方法...
这次给大家带来微信小程序商品详情页中如何添加弹出框，微信小程序商品详情页中添加弹出框的注意事项有哪些，下面就是实战案例，一起来看一下。电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框外部的时候，对话框可以消失)//显示对话框showModal: function () {// 显示遮罩层var animation = wx.crea...
这次给大家带来微信小程序中添加联系在线客服功能，微信小程序中添加联系在线客服功能的注意事项有哪些，下面就是实战案例，一起来看一下。1. 普通客服按钮添加 <button open-type=contact session-from=>客服-联系我们</button>2. 悬浮客服按钮添加，图片自定义大家看地图的有个客服图片图片资源。大家去iconfont 网站去找一个就可以了index.wxml<button class="kf_button" open-type="contact" session-from="weapp"><image clas...
这次给大家带来微信小程序实现全局搜索时搜索结果高亮，微信小程序实现全局搜索时搜索结果高亮的注意事项有哪些，下面就是实战案例，一起来看一下。需求最近在做微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通过rich-text来实现，高亮效果。代码wxml:<view class=homePage><input bindinput="bindKeyInput"></i...
这次给大家带来小程序分享页面返回上一页步骤详解，小程序分享页面返回上一页的注意事项有哪些，下面就是实战案例，一起来看一下。今天我分享另外一种方法。请看下面.gif;有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下：<!--index.wxml--> <view class="container"> <text>我是首页</text><button bindtap=goLogs>go logsPage</...
这次给大家带来微信小程序分享页面后跳转回首页，微信小程序分享页面后跳转回首页的注意事项有哪些，下面就是实战案例，一起来看一下。今天我分享另外一种方法。请看下面.gif;有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下：<!--index.wxml--> <view class="container"> <text>我是首页</text><button bindtap=goLogs>go logsPa...
这次给大家带来你微信小程序登录鉴权使用技巧，你微信小程序登录鉴权使用的注意事项有哪些，下面就是实战案例，一起来看一下。前言为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态，下面话不多说了，来一起看看详细的介绍吧。...
这次给大家带来微信小程序api封装，微信小程序api封装的注意事项有哪些，下面就是实战案例，一起来看一下。promise化的原因微信小程序的api用的是对象参数回调模式,很容易造成回调地狱,代码难以阅读,判断,修改 和调试.微信小程序api示例// 获取用户信息wx.getSetting({success: res => {if (res.authSetting[scope.userInfo]) {// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框wx.getUserInfo({success: res => {// ...
这次给大家带来使用微信小程序block步奏详解 ，使用微信小程序block的注意事项有哪些，下面就是实战案例，一起来看一下。经过一年的发展，微信小程序发展火热，本期就介绍下小程序的一些使用。在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其实很简单，使用block就可以了。下面我们先看下效果图：这个布局其实很简单，大致分为3部分，上+下(左75%，右25%)。这里就不在细说了。...
这次给大家带来微信小程序怎样使图片上传至服务器，微信小程序使图片上传至服务器的注意事项有哪些，下面就是实战案例，一起来看一下。-wxml<view class="shangchuan" bindtap="choose"><image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image></view><button formType=submit class="fabu">发布项目</button>/**选择图片 */choose: function () {var that = thiswx.chooseImage({count: 1,sizeType: [original,...
本篇文章给大家分享的内容是如何从小程序中提取公用函数到util.js ，有着一定的参考价值，有需要的朋友可以参考一下在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面想调用其中的js方法或者变量时，需要两步骤：1：在utils被调用的js文件中，面向对象的方式模型输出： module.exports={要调用的函数名称：要调用的函数名称 }；2：在要调用的js文件中模块化引入utils的js文件 var object=require...
这次给大家带来在微信小程序里添加弹出对话框，在微信小程序里添加弹出对话框的注意事项有哪些，下面就是实战案例，一起来看一下。关键代码①、index.wxml<view>提示：{{tip}}</view> <button type="default" bindtap="showModal">点击我弹出modal对话框</button> <view><modal title="modal对话框" hidden="{{modalHidden}}" confirm-text="确定" cancel-text="取消" bindconfirm="modalBindaconfirm" bindcancel="modalBindcance...
这次给大家带来微信小程序如何调用录音与播放录音，微信小程序调用录音与播放录音的注意事项有哪些，下面就是实战案例，一起来看一下。小程序中提供了两种录音的API旧版录音功能首先启动录音，然后停止录音即可拉到音频的临时地址启动录音：var that = this;wx.startRecord({success: function (res) {// 调用了停止录音接口就会触发这个函数，res.tempFilePath为录音文件临时路径var tempFilePath = res.tempFilePaththat.setData...