title: 做小程序的心得体会
date: 2018-08-30 13:44:18
tags: 微信小程序
微信小程序在做的时候一定要看文档 其中文档中有三个方面比较重要
1.框架 框架就是相当于页面中的标签元素 还有全局的配置
2.组件 组件就相当于是在标签元素上写的一些属性 方便改变事件或标签的属性 例如 swipe标签 组件中就是一个一个的正常或者有特殊作用的标签
3. API api是具体的就是微信已经写好的方法的调用 例如点击事件中的调用本地相机 或者本地文件之类的
4. 微信小程序中的this指向 的问题 （1）在微信小程序中的success(res){} 中的this指向是有问题的因为success内部的this相当于一个闭包是无法直接通过里面的this来访问外面的大环境的 解决的方法就是在外面重新定义一个_this = this (2) 但是如果有两层success嵌套着应该怎么办呢 就是把里面的一层提出来 用另外一个函数封装起来 在函数里首先定义 var _this=this 把封装的success函数内部的this指向恢复正常 再在外部的success中用this.函数名调用 但是肯定还是不行的 不过没关系 把外部的success函数改变成为箭头函数的形式就可以了 箭头函数里面是没有this的 是继承的外部大环境的this可以用这两套方法解决大部分success中的this指向问题了
5. 箭头函数 能使用箭头函数就是用箭头函数的形式最好
6. 在写三元表达式的时候如果想要在问号后面执行两个运算语句 应该key==index?“background-color:red;color:blue;”:"" 写成这样的形式
7. 在微信小程序中如何引入 weui 下载完成weui放在根目录下 直接在app.wxss中@import ‘weui.wxss’;就可以了
8. 在小程序中实现input双向绑定的话 需要在input标签里面写一个bindinput=“函数名” bindinput实时监听键盘输入的值 在js中的这个函数名里面可以写
9. ```
10. 函数名:function(e){
this.setData({
endtime: e.detail.value
})
},
在别的函数中可以根据this.data.endtime获取到输入的值并进行处理
11.当一直报swichTab:url.....可以删除下storage里面的数据再刷新下试试
12.微信小程序点击添加图片跳转页面问题 以及在tab中设置好了编译文件但是不跳转到那个页面的问题 解决方式进入projectconfig.json中查看文件配置 查看文件name 与 namepath是否相匹配
13.当不显示头像时 就是获取用户资料方面除了问题
登录跟获取用户信息不是一回事 登录是用户登录了你这个小程序不代表以后不弹出授权窗口了 而弹出授权窗口用户同意授权 才可以获得用户的加密信息 用户的明文信息是只需要登录就可以获取到 但是用户的加密信息不是 用户的加密信息与明文信息最大的有一点不一样就是 用户的明文信息中有一个openid 但是用户的这个openid在每个他通过微信登录的小程序或者小游戏都不一样 不能准确的获取到在不同小程序中出现的是否是同一个用户 但是用户的加密信息中有一个unionid 这个id就是用户只要是用的同一个微信号登陆的不管登录了几个小游戏 小程序 他的这个id都是一样的
14.e.target.id e.target 代表的是，实际触发了点击事件的组件。
e.currentTarget 代表的是，注册了监听点击事件的组件。
15.微信小程序中的wx.redirectTo不能相互跳转 就是从页面一用wx.redirectTo跳转到页面二 页面二不能再用wx.redirectTo跳转到页面一了
16.能对一个元素操作就可以解决的问题 不要定义多个不同的元素 以免后期维护出现问题