微信小程序入门Demo(石头剪刀布)

前言:这是本人第一次写博客,希望对和我一样刚入门微信小程序的新手们有所帮助。因为本人主要做安卓开发,对web前端知识也只是用了一天时间恶补了下。对于微信小程序,我会由浅入深,和大家一起多总结多学习。

还记得一年多前,我刚自学Java,当初蠢蠢欲动写了一个石头剪刀布的小游戏。如今作为微信小程序刚入门的小白,我花了一个小时重新写了一个石头剪刀布的小Demo,希望把最近学的一些知识融合进去。也希望自己能和当初学Java入门一样,能够不断努力,不断进步。


最可怕的敌人,就是没有坚强的信念. ——罗曼•罗兰



在本篇小Demo中,我们主要运用到了以下知识:

1、事件的绑定

2、微信小程序的条件判断语句

3、事件对象数据的传递

4、js的random函数运用


话不多说,先上demo的运行截图:

由于我们只是对整个demo逻辑的实现,我对界面就比较随意。我们主要是运用下小程序中以上用到的知识点,界面优化可以交给各位读者自己实现自己的小游戏Demo的时候进行优化。


//index.js
//获取应用实例
var app = getApp()
Page({
  data:{
    // text:"这是一个页面"
    //0是石头、1是剪刀、2是布
    game:[0,1,2],
    computer:null,
    my:null,
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    console.log("----onLoad-----")
  },
  onReady:function(){
    // 页面渲染完成
    console.log("----onReady-----")
  },
  onShow:function(){
    // 页面显示
    console.log("----onShow-----")
  },
  onHide:function(){
    // 页面隐藏
    console.log("----onHide-----")
  },
  onUnload:functio
  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值