微信小程序

一、搭建环境

二、全局配置

  • pages
  • window
  • tabbar

三、页面

  • json
  • js
  • wxml
  • wxss

四、flex布局

  • display:flex;
  • flex-direction:row/column;
  • justify-content:
  • align-item:

五、小程序开发

1)组件(标签)

  1. text
  2. view
  3. image
  4. navigator 跳转到其他页面(默认只能跳转到非tabbar页面)
  5. button 按钮(特殊:建议获取用户信息时使用)

2)样式

  1. rpx

3)事件

  1. bindtap
<view bindtap="func"></view>

<view bindtap="func" data-xx="123"></view>

func:function(e){
  e.currentTarget.dataset  
}

4)api

  1. navigateTo 跳转
  2. openSetting
  3. getUserinfo 注:结合button按钮使用
  4. chooseLocation
  5. chooseImage

5)数据绑定

6)for指令