微信小程序入门Demo（石头剪刀布）

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

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

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

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

1、事件的绑定

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

3、事件对象数据的传递

4、js的random函数运用

话不多说，先上demo的运行截图：

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

[javascript]  view plain   copy

1. //index.js  
2. //获取应用实例  
3. var app = getApp()  
4. Page({  
5.   data:{  
6.     // text:"这是一个页面"  
7.     //0是石头、1是剪刀、2是布  
8.     game:[0,1,2],  
9.     computer:null,  
10.     my:null,  
11.   },  
12.   onLoad:function(options){  
13.     // 页面初始化 options为页面跳转所带来的参数  
14.     console.log("----onLoad-----")  
15.   },  
16.   onReady:function(){  
17.     // 页面渲染完成  
18.     console.log("----onReady-----")  
19.   },  
20.   onShow:function(){  
21.     // 页面显示  
22.     console.log("----onShow-----")  
23.   },  
24.   onHide:function(){  
25.     // 页面隐藏  
26.     console.log("----onHide-----")  
27.   },