沉默的小猴子的博客

解决小程序多层嵌套点击事件重复或者失效问题问题描述：当列表有多层级分类，包含关系，且每层上都有点击事件，这时候点击父组件会触发子组件时间，或者点击子层级的也会触发父层级的点击事件，多次触发。解决描述：bindtap 和catchtap 点击事件。在父级使用bindtap，在子组件使用catchtap进行冒泡时间阻断处理例子：<view class="chooseList" wx:fo...

小程序多层循环嵌套导致加载慢使用循环的时候有的需要多次循环列表找到最终需要的数据，但是会导致接口以及页面加载缓慢，此时建议将循环单独取出，并发触发循环，而不是循环完一个再循环下一个正确实例let obj = this.data.myDefaultCar; let setId = ''; let arry1 = []; let arry2 = []; ...

数组方法方法 描述concat() 连接两个或更多的数组，并返回结果。join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。pop() 删除并返回数组的最后一个元素push() 向数组的末尾添加一个或更多元素，并返回新的长度。reverse() 颠倒数组中元素的顺序。shift(...

根据不同的需求，现在出现了给小程序添加新用户引导页面。设计流程：指引用户点击右上角，将本小程序添加到我的小程序。点击“去试试”后不再显示。前提是新用户或者首次打开。设计图：实现步骤：1》思路：在小程序首页生命周期函数中，加入条件判断。在用户点击【记住了，我去试试】事件上增加缓存信息。2》用这个缓存在用户每次打开小程序的时候来判断是否显示页面的代码：<view class='p...

在小程序中最经常使用到的就是flex布局，今天来讲讲flex布局的几个常用属性。小程序中常用到：.flex:{display:flex;}可以实现自定义和自由化的整齐布局。下面是常用的几个属性1.比例布局【width】；元素设置单个元素的宽度width:1%-99%不等。换行：flex-wrap:wrap;2.水平对齐【justify-content】；从左往右：justify-...

有些用户的需求是，上下滑动屏幕要求隐藏掉某些显示区域。或者滑动到指定位置时显示某些内容。可做监听事件四个：一、JS自带的：//开始滚动 onPageScroll (e) { console.log('滚起来') },这个监听的不够灵敏，BUg较多。二 、手势事件<view class="wrapIndex" bindtouchstart="touchStart" ...

小程序做线上商城就离不开交互，包括最重要的支付和订单评价系统。订单评价简单的只有商品评价，比较齐全的是商品和商家一起评价。本文介绍的目录包含，商品评价，商家评价，星级评分，上传照片，以及评论字数限制。目录：（一）星级评分的写法（二）评论区的字数显示和限制（三）图片张数限制和上传到服务器（四）完整代码看看开发工具中的样品图：在评论页中展示商品和商家两栏的评价内容，并且提交评价的...

原生的video组件功能已经可以满足用户所有需求，本文介绍一下非正常的用户需求怎么解决。比如：用户需要限制播放时不能滑动屏幕快进、不能拖动进度条快进快退，不准倍速播放，不准全屏；用户第一次完整看完视频后可以倍速，快进，暂停和全屏。解决的思路：隐藏掉video自带的所有控件功能，包括原生的video功能全部设置为false，然后自己画一个底部控件包含播放按钮还有进度条和全屏按钮，在全屏页面左上角...

关于小程序内唤起微信支付功能，不同人有不同的思路，有嵌套H5页面的，也有跳转第三方链接网站的，也有放收钱码等图片的。今天讲一下微信原生的微信支付功能基础版块，支付页面和支付逻辑。先上个效果图：页面展示上提供了，商品名称，支付方式，用户信息，支付金额。更详细的可以包含手机号，订单号等信息。而在微信支付文档中所必须提供的内容就是商品价格{{total_fee}}，还有商品描述{{body}}...

本片博客主要介绍的是小程序利用百度地图搜索附近三公里信息开篇先提一下，网上有很多关于小程序搜索框的，地图地点信息检索的，路线导航的，以及一个找事吧APP模仿的小程序。我也看过这些内容，整理一下，就是我今天要展示的。惯例，先上整体效果图： 这是点击药店，搜索附近20个药店信息。 可以打印出20个药店的信息数据，自己可根据实际情况展示。 搜索附近营业厅信息。同样是打印20个。...

先放上效果图，然后再解构如何实现。常见的个人中心内容包括了：头像，用户昵称，会员信息，充值信息，还有个人设置，收货地址，订单历史，收藏记录，浏览历史等等。这些板块都可以用组件来实现。页面逻辑中：将头像和昵称还有会员信息放在顶部在一个宣传版面展示。剩余的个人中心的功能则单独拿出来做一个列表功能。很多人可能会想到，实现列表功能，列表有多少是不是对应的功能函数就要有多少呢，其实大可不必。除了...

我们都知道循环一数组要用到wx:for。这种循环会循环出列表的所有数据。但是很多时候我们并不需要循环所有的数据，或者并不想展示所有的数据。尤其是在首页上，只需要展示部分的数据，这时候就要用到wx:for下面的index属性；data-index可以给数据列表进行0-99999的排序，同理我们要展示一部分的数据，就要通过index来限制。index&lt;3,就是显示序列0,1,2这三条数据...

分享功能的函数：onShareAppMessage。这个函数通用，既可以右上角分享，也可以在页面内自定义button 分享。button的opentype =“share”.实现参数回调的函数：onShareAppMessage: function (res) { console.log("用户点击了按钮开始分享", res) var userNid = wx.getStora...

作为微信大力推广的应用，小程序和微信游戏的地位一样，甚至更重要。它增加了微信用户的留存，丰富了微信的娱乐功能和社交功能，也给更多人创造了更多的就业机会。形势是不断变化的，过去的2年小程序从一个孩子成长为了成年人，熟悉它的人更多了，人群更宽广了。使用的途径更宽广了，那么在2019年哪些是重点呢？从最初的门店小程序，到公众号小程序，慢慢发展到现在的商城小程序，用途更广的还是在商城小程序，包括了购物...

本次讲的是如何在用户打开小程序时候弹窗该小程序的使用协议，阅读确认后方可继续使用小程序。这一点的意义在于：目前小程序对于各个开放接口的使用限制更严格，使用开放接口获取用户信息需要添加使用的用途说明，那我们正好可以使用这一个使用协议弹窗来说明该小程序都要干什么。1、布局组成：弹窗放在template中，供login页面来调用；login页面中加载弹窗模板，使用isShow等属性来控制；JS中，在...