小程序笔记
幻想山外小楼听雨
一只小码农
展开
-
小程序setData报错未定义
在wx:request()中使用setData会报这样的错误因为这里的this是相对于wx:request()的当前对象,我们可以这样解决:因为这里的wx:rewuest()是在页面加载时调用,所以我们可以在onLoad()中定义一个变量that ,将this赋值给that,那么此时的that代表相对于onLoad()的当前对象,然后在success回调函数中直接使用that.setDat...原创 2018-11-06 18:59:26 · 5786 阅读 · 3 评论 -
扒一扒小程序的坑
小记最近几个月和公司的同事一直在马不停蹄的开发小程序,经历了几个版本的迭代后也总算是稳定了下来。而我们的小程序也是得到了腾讯的认可,还拿了个奖开发小程序的过程中踩的坑不可谓不多,而有些坑也实在是让人郁闷,不扒一扒难以平我心头之愤呐。数据绑定 Mustache 语法(双大括号)这个 {{}} 里面不能执行任何的方法,只能做简单的四则运算和Boolen判断,比如: <...转载 2018-11-18 14:12:49 · 619 阅读 · 0 评论 -
小程序自定义组件与页面间的数据传递问题
小程序官方文档有时候真坑啊,找了半天最后发现原来是这样组件内:调用组件的页面: 调用组件页面json文件里需要注册组件:最最最关键的是在组件的js文件里需要生命传递数据的类型,不声明的话数据就传不过去(在这里被坑了好久,官方文档里没有说明)...原创 2018-11-23 14:42:30 · 2031 阅读 · 0 评论 -
微信小程序获取cookie以及设置cookie
小程序开发中我们需要获取到后端给的cookie进行请求验证,但是微信并没有帮我们保存cookie,那么我们要维持会话需要自己来保存cookie,并且请求的时候加上cookie1.获取cookie在登录请求后读取 返回值的, header的cookie,并本地存储//登录请求回来之后,读取res的header的cookie//这里的sessionid随便写的,就是个唯一标识 wx....原创 2018-11-27 13:21:52 · 16226 阅读 · 2 评论 -
小程序真机调试显示已结束请重新开始解决方法
可能是晚上更新了下微信开发者工具的原因,下班回家打开微信真机调试就一直这样,真是差点骂娘重启开发者工具,重新下载最新版本开发者工具,甚至重启电脑都试了。然并卵!最后真的绝望了,下了个旧版本的开发者工具,居然就好了……历史版本下载开发者工具地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/uplog.html...原创 2018-12-05 00:43:08 · 12695 阅读 · 9 评论 -
小程序的input组件在绑定bindinput事件后输入中文问题触发过于频繁
在input组件绑定bindinput事件后,苹果自带的输入法,用户输入中文的拼音时,每一个字母都触发了事件,而不是等中文字打出来后触发。比如:我在搜索框中想搜索“美食”,在字打完后自动触发搜索,不需要点击按钮。但是在我输入“meishi”拼音的每一个字母时都会触发搜索,这不是我想要的。虽然影响不是很大,但对体验还是有影响的。请问如何在输入“美食”中文完成后才触发搜索?bindinput ...原创 2018-11-27 22:57:26 · 9314 阅读 · 3 评论 -
微信小程序怎么动态获取view的高度以及获取view到页面顶部的距离
首先给你的xml对象一个id:<view class="usermotto" style="height:213px;" id='mjltest'/>然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度。//创建节点选择器var query = wx.createSelectorQuery(...转载 2018-12-01 23:19:19 · 23213 阅读 · 0 评论 -
如何取消对微信小程序的授权
小程序发布体验版本之后经常要验证授权登录流程,这就需要经常清理用户授权清理教程见百度经验: https://jingyan.baidu.com/article/4f34706e1f6454e386b56d56.html原创 2018-12-05 12:02:59 · 5934 阅读 · 0 评论 -
微信小程序真机调试错误:setStorageSync:fail Error: Failed To Send Sync
今天真是被这个坑搞得脑亏疼,本来想再storage里缓存下openId和token,但是不管用自己封装的方法还是微信原生的wx.setStorage方法报错:setStorageSync:fail Error: Failed To Send Sync 找了很多别人说的解决办法也没解决,真是头发都掉光了!最后发现是真机测试的锅 !妈的,真机测试的缓存真坑爹啊,最后发现用调试模式就没问...原创 2018-12-05 17:25:26 · 6675 阅读 · 1 评论 -
小程序button边框去除
之前写button都是要边框的,偶然发现有个button不需要边框但是怎么也去不掉这个边框border: 0;outline: 0;几乎有关边框的属性都试了还是没用,最后发现这个坑爹的家伙居然是写在after伪类里面的... 泪崩 button::after { border: none; }希望对有遇到一样问题的同学有所帮助,文档里也不写清除,wxnmsl...原创 2019-01-09 10:36:46 · 2352 阅读 · 0 评论 -
小程序如何隐藏scroll-view滚动条
小程序中的坑还是蛮多的,最近这几天每天不是踩坑就是在踩坑的路上原创 2019-03-15 14:30:43 · 6147 阅读 · 1 评论 -
小程序中如何使用iconfont
在小程序中引入字体图标要比web麻烦一些,简单说需要三步: 下载iconfont,把iconfont.css复制到iconfont.wxss,在app.wxss中引入 查看iconfont在unicode模式下的在线链接,替换iconfont.wxss中的链接为远程链接 3. 在wxml文件中引入对应的icon class<icon class="iconfon...原创 2018-11-19 18:30:26 · 302 阅读 · 0 评论 -
【微信小程序】性能优化
小程序启动加载性能 控制代码包的大小 分包加载 首屏体验(预请求,利用缓存,避免白屏,及时反馈 小程序渲染性能 避免不当的使用setData 合理利用事件通信 避免不当的使用onPageScroll 优化视图节点 使用自定义组件 原文链接...转载 2018-11-19 16:53:33 · 472 阅读 · 0 评论 -
小程序如何阻止事件冒泡?
当我们用bind去绑定事件的时候当然是会有事件冒泡的,在小程序里面如何阻止事件冒泡呢?cancelBubble、stopPropagation() 又或者是return false? 很遗憾的是浏览器那套阻止冒泡的做法在小程序里并没有实现。但是对于阻止冒泡这种常用的功能小程序有自己的方法,只要绑定事件事用catch类型代替bind该事件触发时就会自动阻止冒泡,向下面这样...原创 2018-11-10 10:09:07 · 6202 阅读 · 0 评论 -
关于小程序 scroll-view 左右横向滑动没有效果(无法滑动)问题
近日在小程序的开发用scroll-view滑动组件时,发现了个坑,目前官方文档有缺陷。 1.scroll-view 中的需要滑动的元素不可以用 float 浮动;2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的;3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;4....原创 2018-11-21 18:26:47 · 2140 阅读 · 0 评论 -
小程序bindtap绑定事件无效,点击未触发
如果的bindtap绑定事件点击无效未触发并且的你的事件命名是已change结尾的,像这样那么小程序有时会将它判定为系统默认组件自动触发事件,改个名字就好了 ...原创 2018-11-21 20:19:58 · 29687 阅读 · 1 评论 -
小程序里如何切换class
<text wx:for="{{titles}}" wx:key="{{item}}" class="home-title {{index == activeIndex ? 'active' : ''}}" bindtap='changeClassify'> {{item.name}} </text> // index == activeIndex clas...原创 2018-11-19 14:25:13 · 1308 阅读 · 0 评论 -
小程序页面跳转、传参及参数获取
//wxml<text wx:for="{{titles}}" wx:key="{{index}}" bindtap='changeClassify' data-id="{{index}}">{{item.name}}</text>//jsfunction changeClassify(e) { // let id = e.currentTarget.da...原创 2018-11-19 14:27:11 · 2536 阅读 · 0 评论 -
小程序上拉加载更多, 下拉刷新
直接使用小城程序自带方法onReachBottom 、 onPullDownRefresh 如果使用scroll-view组件还可以监听 bindscrolltoupper 、 bindscrolltolower // 上拉加载更多onReachBottom: function() { if (this.data.next != null) { this.setData({ i...原创 2018-11-19 14:29:25 · 492 阅读 · 0 评论 -
小程序组件化template
/*** 1. 给template 设置name* 2. 组件传过来的值可以直接使用 hidden="{{!isloading}}"*/<template name="loading"> <view class="weui-loadmore" hidden="{{!isloading}}"> <view class="weui原创 2018-11-19 14:31:15 · 301 阅读 · 0 评论 -
小程序获取用户的UniqueID 以及 openid
UniqueID 以及 openid的获取涉及到用户的敏感信息,返回的数据encryptedData是加密后的数据要提取信息需要对数据进行解密官网提供了解密的算法,将nodejs的版本拿过来稍作修改即可下载 cryptojs 放到项目的utils目录下 在utils 目录下新建decode.js 写入以下内容//utils/decode.jsvar Crypto = require...原创 2018-11-19 14:35:05 · 2669 阅读 · 0 评论 -
小程序页面的生命周期
Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载(像首页数据请求可以放在这里)*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: functio...原创 2018-11-19 14:54:43 · 331 阅读 · 0 评论 -
小程序html解析
项目中遇到在微信小程序里需要显示音乐文章的内容,文章内容是通过接口读取的服 务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的, 那我们需要显示html内容的时候,就可以通过wxParse来实现。微信小程序使用wxParse解析html项目安装 git clone git@github.com:lishuaixingNewBee/gordanTv....原创 2018-11-19 15:37:29 · 645 阅读 · 0 评论 -
taro中无法获取组件节点信息解决办法
最近小程序改版想尝试下taro,其中的一些坑也分享一下业务场景:设计稿如下,上面是一个图片列表我们被想用scroll-view包裹在最外层,下面是个tabbar,由于其他的一些业务需求这个tabbar是我们自定义,这个时候就遇到一个问题。小程序中的scroll-view需要给固定高度,但是我们不能写100%最简单的公式scroll-view = 页面可用高度 -...原创 2019-03-13 17:27:21 · 9815 阅读 · 0 评论