个人学习笔记（小程序）

• rpx:不管分辨率是多少，将手机屏幕分成750份，750rpx即占满整个屏幕

• 轮播图用swiper做

  • interval -->设置图片变换间隔时间
  • autoplay -->设置自动播放
  • indicator-dots -->设置轮播图下边的小点

• navigator -->导航标签，用来做导航，相当于HTML中的 标签

  • src目录中，要跳转到的页面不写后缀名！

• button

  • button是块元素，多个button尽量使用flex（弹性布局）
  • flex-flow -->设置排列方向

• audio 音频

  • controls -->是否显示播放控件

• picker -->选择栏，点击后从底部弹出。mode属性有以下三种

  • time -->选择时间

  • date -->选择日期

  • selector -->自定义单列选择列表

<picker class="" mode="selector" range="{{  }}" range-key="{{ '' }}" ></picker>

• 自定义函数格式：函数名：function(参数){ }

• bindtap:单击事件

• 提示框 wx.showModal({

  title:“温馨提示”,

  content:‘提示框内容’,

  cancelColor: ‘cancelColor’,

  })

• 想要自己写的样式在任何界面都不变形，用父容器view包裹住子容器，父容器的position设定为relative，子容器的position设定为absolute。

• 单机事件不能触发时，想想z-index是否设置好

• 当this指针失效时，可以用一个变量存放指针，比如：var that = this;

• 不管返回结果如何，用在wx.request函数中写complete回调函数取消loading提示框

  • wx.request(){

    ​ complete:function(){

    ​ wx.hideLoading();

    ​ }

    }

• 向data中的属性赋值时，不可以用"="赋值，一定要调用setData()函数，否则编译报错

• 想要把数据从a.js传到b.js文件时，直接传行不通，应该先传到app.js，设置为全局 data，再用另一个b.js向app.js取数据。

• 类名三元运算符

  • 模板：<view class="默认类名 {{ 条件? 'A类名' : 'B类名'}}"></view>

• 用wx.request请求时，如果用了wx.showLoading，一定要在request的回调函数complete中写上wx.hideLoading，不然查询失败会一直显示loading

• setData()函数相当于是自动在page.data中写入新的数据

• 获取用户信息

  <open-data type="userNickName"></open-data>  //昵称
  <open-data type="userCountry"></open-data>  //国家
  <open-data type="userProvince"></open-data> //省份
  <open-data type="userCity"></open-data>  //城市
  <open-data type="userLanguage"></open-data>  //语言 
  <open-data type="userGender"></open-data>   //性别