微信小程序入门Demo（石头剪刀布）_参考石头剪刀布demo , 改造成红包对战. 双方同步开始,10秒时间, 比谁摇到的-CSDN博客

本文链接：https://blog.csdn.net/qq_29634317/article/details/52881496

本文是作者初次尝试写博客，分享微信小程序入门的石头剪刀布Demo，适合初学者。内容涉及事件绑定、条件判断、数据传递和随机数运用。通过实例介绍如何实现小程序的基本逻辑，鼓励读者动手实践并优化界面。

摘要由CSDN通过智能技术生成

前言：这是本人第一次写博客，希望对和我一样刚入门微信小程序的新手们有所帮助。因为本人主要做安卓开发，对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