微信小程序开发学习笔记

微信小程序开发笔记

1、rpx为尺寸单位（以iPhone6为基准的转换） @import引入外部样式文件 使用iphone6作为设计稿标准

2、tabBar使用方法（底部导航）

3、line-height需要设置，因为安卓和ios默认行高不同

4、微信小程序遍历
wx:for="{{List}}" data-index="{{index}}" wx:key="{{index}}" //data-id是自定义属性格式 event.target.dataset.id即可获取该值
{{item.title}}

5、 支持\n换行

6、绑定事件：bindtap=‘doDetail’ 点击触发

7、wx:makePhoneCall 拉起打电话的界面，API，string 类型的电话号码

8、onLoad:function(options){//options是url传值
} 加载时执行

9、设置值
this.setData({
proList:res.data,})

10、请求：
wx.request({
url:"",
method:“get”,
success:function(res){
}})

11、复制内容
wx.setClipboardData({
data:’’,//要复制的内容
success:function(res){
wx.showModal({
title:‘复制成功’,
content:‘内容已经复制成功！’})}
})

12、wx.getSystemInfoSync 获取SDKVersion客户端基础库版本，判断兼容问题

13、页面跳转
wx.navigateTo({
url:’’
})

14、app.globalData.host,通过全局的app.js中设置遍历，然后来获取app对象

15、利用缓存wx.setStorageSync(‘key’.value)，wx.getStogageSync(‘key’) 最大支持10M缓存

16、个人账号注册小程序，无法使用支付，卡包等功能，一个邮箱只能注册一个

17、page.json页面配置
app.json 全局配置
project.config.json 项目配置

18、wxml常用组件
view组件、image图片组件、

19、wx:if=""和wx:else

20、hidden="{{}}"

21、第三方样式库
（1）WeUI
（2）iView Weapp 还提供了后端管理界面
（3）Vant Weapp

22.catchtap不允许事件冒泡，bindtap允许事件冒泡

23.wx.chooseImage({})选择图片

24.增加加载框
wx.showLoading({
title:“加载中”
})
隐藏
wx.hideLoading();

25. onReachBottom:function(){}//页面上啦触底事件处理函数