微信小程序原生开发的使用指南

data: {
  nomoreTxt: {text: '还没有粉丝哦~'},
}

1
2
3

the.setData({ xxx: this.data.xxx });
the.setData({ xxx: yyy });

1
2

the.setData({ xxx: yyy }, callback);

1

export default {
  // 导航栏事件
  handleTab(e) {
    const currIndex = e.target.dataset.index + '';
    if (!currIndex) return;
    this.setData({
      tabIndex: currIndex,
    });
  },
  handleSwiperChange(e) {
    const currIndex = e.detail.current + '';
    if (!currIndex) return;
    this.setData({
      tabIndex: currIndex,
    });
    this.switchTab(currIndex);
    this.initTabLine();
    this.initParam();
  },
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

wx.uploadFile({
  url: 'https://cdnapp.tanwan.com/tan_wan_app_upload.php',
  filePath: file,
  name: 'file',
  formData: param,
  success: (res) => resolve(res),
  fail: (err) => reject(err),
});

1
2
3
4
5
6
7
8

export default{
  chooseImage({count: 9}).then(res => {
    const { tempFiles, tempFilePaths } = res
    wx.request({
      url: tempFilePaths[0],
      method: 'GET',
      responseType: 'arraybuffer',
      success: function (res) {
        const base64 = 'data:image/jpg;base64,' + wx.arrayBufferToBase64(res.data);
        console.log(base64)
        uploadImage({ base64: base64 })

      }
    })
  })
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

JyLie

Choose mode

微信小程序原生开发的使用指南

微信小程序原生开发的使用指南

# 事件

# 默认事件在 touchstart 时触发

# 阻止默认事件使用 catch 句柄

# 路由跳转

# A -> B -> C , C 直接返回 A

# A -> B -> C , 返回效果 C -> B -> A

# `template` 使用

# 数据 Data

# 改变视图的唯一方式

# this.setData 是一个函数，setData 之后执行 callback 必须使用 `回调`

# css

# 加载样式 `.wxss`

# 编写 css 不需要写 prefix，小程序上传的时候会自动编译

# 动态控制多类状态

# 网络请求

# 组件

# 组件默认样式

# button 边框、背景

# Swiper 组件

# current 属性问题

# 在 swiper 中使用 image 组件出现的偶尔无法显示图片的问题

# API 接口

# wx.uploadFile

# wx.chooseImage

# wx.showModal

# 插件使用

# 插件 wxParse

# 实战 FAQS

# 兼容性问题

# API 默认值在 ios 与 android 上差异

# 使用 onLaunch 的 options 获取当前 path 和 query 等信息，用于分享等场景

# 微信小程序分享

# 相关文献

JyLie

微信小程序原生开发的使用指南

微信小程序原生开发的使用指南

# 事件

# 默认事件在 touchstart 时触发

# 阻止默认事件使用 catch 句柄

# 路由跳转

# A -> B -> C , C 直接返回 A

# A -> B -> C , 返回效果 C -> B -> A

# template 使用

# 数据 Data

# 改变视图的唯一方式

# this.setData 是一个函数，setData 之后执行 callback 必须使用 回调

# css

# 加载样式 .wxss

# 编写 css 不需要写 prefix，小程序上传的时候会自动编译

# 动态控制多类状态

# 网络请求

# 组件

# 组件默认样式

# button 边框、背景

# Swiper 组件

# current 属性问题

# 在 swiper 中使用 image 组件出现的偶尔无法显示图片的问题

# API 接口

# wx.uploadFile

# wx.chooseImage

# wx.showModal

# 插件使用

# 插件 wxParse

# 实战 FAQS

# 兼容性问题

# API 默认值在 ios 与 android 上差异

# 使用 onLaunch 的 options 获取当前 path 和 query 等信息，用于分享等场景

# 微信小程序分享

# 相关文献

# `template` 使用

# this.setData 是一个函数，setData 之后执行 callback 必须使用 `回调`

# 加载样式 `.wxss`