微信小程序入门

准备工作

• 注册好微信小程序的账号，填写好个人信息
• 申请小程序
• 微信小程序会指导你安装微信小程序的开发工具，等安装后，建立工程后，你可以用vscode或者webstorm进行开发。

做一个简易的最终密码

如图：

代码分析

• 怎么开发，很简单，看微信小程序的开发文档，用CRM学习法进行代码开发即可。
  小程序开发帮助文档
• 了解一下项目目录
  
• index.wxml:就相当于html页面，类似于xml文件，里面使用的也是各种标签
• index.wxss:就相当于css，里面的写法和css是一样的
• index.js：就是js的写法，只是我们可以将这种代码理解为是vue和react框架的结合，代码分析：

// index.js
// 获取应用实例
const app = getApp()
//Page就相当于入口，里面有data，还有封装的方法
Page({
  data: {
    gameNum:0,
    custRes:"",
    res:"",
    x:0,
    y:0,
    arrayX:[0,1,2,3,4,5,6,7,8,9],
    arrayY:[0,1,2,3,4,5,6,7,8,9],
  },
  setGameNum(){
    var num = Math.floor(Math.random() * 100);
    this.setData({gameNum:num});
    console.log(this.data.gameNum);
  },
  setX(e){
    this.setData({x:e.detail.value});
  },
  setY(e){
    this.setData({y:e.detail.value});
  },
  getXandY(){
    var custRes = this.data.x.toString().concat(this.data.y.toString()),
        custNum = parseInt(custRes);
    
    if(custNum === this.data.gameNum){
        this.setData({res:"正确"});
    }else if(custNum > this.data.gameNum){
      this.setData({res:"偏大"});
    }else{
      this.setData({res:"偏小"});
    }
  }
})
//这样一个小程序就完成了