微信公众号开发

vx小程序总结

本文主要是介绍vx小程序总结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

小程序中需要控制数据

小程序中的标签一定要闭合 <标签 />或者<标签>< /标签>

小程序中使用js的变量的时候,需要使用{{}}

小程序中{{变量}} 变量在js中的data里面

小程序中,很多时候都是控制数据

小程序中事件传参 data-js中接受名字="传递参数"

快级标签独占一行,行内标签宽高由内容决定

rpx是一个相对单位 750rpx和屏幕一样宽

wxss里面的背景图片不能使用本地图片。可以使用网络图片,还可以使用base64位图片

{{}}可以放置变量或者表达式

点击事件 bindtap="方法名" 方法名后面不加()

text引入文字

view引入视图、容器

image引入图片

navigator实现页面跳转

url跳转的地址../根地址

bindinput获取表单元素的值

wx:if="表达式"表达式为真的时候显示 表达式为假的时候隐藏

wx:for={{变量}} 实现遍历 动态复制标签 ,item代表每一个选项的值 index代表下标元素

如果跳转页面在tabbar中出现过,不能直接跳转,加open-type=“switchTab

onLoad: function (options) {

// 获取音频

this.video=wx.createVideoContext('id')

  }

send:function(){

    // 实时发送弹幕

    this.video.sendDanmu({

      text:this.data.con,

      color:'pink'

    })

  }

//创建音频

    const innerAudioContext = wx.createInnerAudioContext()

    //播放地址

    innerAudioContext.src='云地址'

    //自动播放

    innerAudioContext.autoplay = true

    //循环播放

    innerAudioContext.loop=true

change:function(){

        if(this.data.num==0){

            this.setData({

                num:1

            })

            //播放音乐

            innerAudioContext.play()

        }else{

            this.setData({

                num:0

            })

            //暂停音乐

            innerAudioContext.pause()

        }

    },

    change:function(){

        if(this.data.num==0){

            this.setData({

                num:1

            })

        }else{

            this.setData({

                num:0

            })

        }

    }

add:function(){

    // 初始化

    const db = wx.cloud.database()

    // collection集合

    db.collection('student').add({

      //data字段表示需新增的JSON数据

      data:{

        // 获取值this,data.变量名

        user:this.data.user,

        pass:this.data.pass

      },

    })

  },

  success:function(res) {

    // res 是一个对象,其中有_id字段标记刚创建的

    console.log(res)

  },

  getuser:function(e){

    // 设置值

    this.setData({

      user:e.datail.value

    })

  },

  getpass:function(e){

    // 设置值

    this.setData({

      pass:e.datail.value

    })

  }

这篇关于vx小程序总结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!