这次给大家带来如何对微信小程序进行开发，对微信小程序进行开发的注意事项有哪些，下面就是实战案例，一起来看一下。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 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,...
这次给大家带来在微信小程序里添加弹出对话框，在微信小程序里添加弹出对话框的注意事项有哪些，下面就是实战案例，一起来看一下。关键代码①、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...
这次给大家带来微信小程序里怎么做出滚动消息通知效果，微信小程序里做出滚动消息通知效果的注意事项有哪些，下面就是实战案例，一起来看一下。index.wxml<!--index.wxml--> <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"><block wx:for="{{msgList}}"><navigator url="/pages/index/index?title={{item.url}}" open-type="navigate"><swiper-item><view class="swiper_item...
这次给大家带来微信小程序里wx:for和wx:for-item有什么区别，微信小程序里使用wx:for和wx:for-item的注意事项有哪些，下面就是实战案例，一起来看一下。wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item="items" 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来：<view wx:for="{{list}}"> {{index}} {{item.name}} </view>以上代码中，item即为list的别名。如果是二维甚至多维数组，按...
这次给大家带来微信小程序block应该如何使用，微信小程序block使用的注意事项有哪些，下面就是实战案例，一起来看一下。经过一年的发展，微信小程序发展火热，本期就介绍下小程序的一些使用。在安卓中我们经常会使用ListView/GradeView/RecyclerView来实现展示循环数据。那么小程序中怎么到呢。其实很简单，使用block就可以了。下面我们先看下效果图：这个布局其实很简单，大致分为3部分，上+下(左75%，右25%)。这里就不在细说了。...
这次给大家带来怎样开发微信小程序获取用户个人信息，开发微信小程序获取用户个人信息的注意事项有哪些，下面就是实战案例，一起来看一下。最近在研究微信小程序怎么玩的。接触后发现好多的坑。比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElementById() 直接报错 getElementById not function 我也是醉了。不支持这个好多有趣的功能不能实现了。 ...