小程序基础语法

基础知识的一些碎碎念...

数据绑定在.js的data里，用{ {变量}}进行绑定

普通标签：<view>

图片标签：<image src=" ">

循环：wx:for

判断：wx:if

是否渲染可以使用wx:if和hidden。

区别：hidden不会将wxml内的元素删去，wx:if会。所以需要频繁切换的场景适合hidden，一次性渲染的场景适合wx:if。

添加事件：bind

事件的冒泡：当子元素发生事件时，事件会逐层向父元素进行传播。

阻止事件冒泡！使用catch代替bind进行事件绑定。

如何找到自定义的属性？为属性添加data-id标识。然后再事件对象中找到他！

事件对象：当组件绑定事件被触发时，向绑定的函数发送一个对象。

如何使用云数据库？

先在云开发控制台里创建新的集合，这里以user为例。

插入数据： 

我们用设置一个事件函数的方法来测试。这里在button上绑定一个insert方法来向数据库中插入数据

<button bindtap="insert">插入</button>

然后再.js中定义这个函数。用wx.cloud.database()方法新建一个数据库对象。

用db.collection()方法获取数据库中的集合，用add()方法向集合中添加新的数据。

const db = wx.cloud.database()
Page:({
    //...
  insert: function () {
    db.collection('user').add({
      data: {
        name: 'Faker',
        age: 23
      },
      success: (res) => {
        console.log(res)
      },
      fail: (err) => {
        console.log(err)
      }
    })
  },
    //...
})

这样就可以在数据库中插入"name:Faker age:23"，:)

使用collection，add来插入。同时利用回调函数返回正确/错误的信息。

这时候，在云开发控制台的user里就可以看到我们得数据啦

当然，用Promise来写也是可以的。就是那个.then .catch之类的东西。

更新数据

我们来展示如何更新数据。

接上条，我们使用doc方法更新数据库中的数据。参数为每条数据的id值。

注意这里用Pro