根據網上的教程，申請了小程式開發，試著玩玩哈。

主要熟悉了一下小程式開發，熟悉了下各個元件

   主要寫了個九九乘法表、和24點計算

介面

{
  "pages": [
      "page/index/index",
      "page/poker/poker"
  ],
  "window": {
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#787878",
    "navigationBarTitleText": "嘀嘀打仁",
    "navigationBarTextStyle":"white"
  },
  "tabBar": {
    "color": "#dddddd",
    "selectedColor": "#3cc51f",
    "borderStyle": "black",
    "backgroundColor": "#787878",
    "list": [{
       "pagePath": "page/index/index",
        "text": "首頁",
        "iconPath": "image/wechat.png",
        "selectedIconPath": "image/wechatHL.png"
      }
      ,{
        "pagePath": "page/poker/poker",
        "text": "24點",
        "iconPath": "image/wechat.png",
        "selectedIconPath": "image/wechatHL.png"
      }]
  }
}
 

1.引用js

    1.1在工具js的中加

       module.exports = {
         calCommonExp: calCommonExp
       }

      calCommonExp 是對應的方法

    1.2 引用的js中

         var rpn = require('../../util/rpn.js');//引用js, 執行表示式js 代替eval

     1.3使用

           ret = rpn.calCommonExp(_exp);//計算表示式

 2.在小程式中不能使用 eval  在網上找到 用rpn.js代替，具體其中程式碼沒有細看哈

function isOperator(value) {
	var operatorString = '+-*/()×÷';
	return operatorString.indexOf(value) > -1;
}

function getPrioraty(value) {
	if(value == '-' || value == '+') {
		return 1;
	} else if(value == '*' || value == '/' || value == '×' || value == '÷' ) {
		return 2;
	} else{
		return 0;
	}
}

function prioraty(v1, v2) {
	return getPrioraty(v1) <= getPrioraty(v2);
}

function outputRpn(exp) {
	var inputStack = [];
	var outputStack = [];
	var outputQueue = [];
	var firstIsOperator = false;
	exp.replace(/\s/g,'');
	if(isOperator(exp[0])){
		exp = exp.substring(1);
		firstIsOperator = true;
	}
	for(var i = 0, max = exp.length; i < max; i++) {
		if(!isOperator(exp[i]) && !isOperator(exp[i-1]) && (i != 0)) {
			inputStack[inputStack.length-1] = inputStack[inputStack.length-1] + exp[i] + '';
		} else {
			inputStack.push(exp[i]);
		}
	}
	if(firstIsOperator) {
		inputStack[0] = -inputStack[0] 
	}
	while(inputStack.length > 0) {
		var cur = inputStack.shift();
		if(isOperator(cur)) {
			if (cur == '(') {
				outputStack.push(cur);
			} else if (cur == ')') {
				var po = outputStack.pop();
				while(po != '(' && outputStack.length > 0) {
					outputQueue.push(po);
					po = outputStack.pop();
				}
			} else {
				while(prioraty(cur,outputStack[outputStack.length - 1]) && outputStack.length > 0) {
					outputQueue.push(outputStack.pop());
				}
				outputStack.push(cur)
			}
		} else {
			outputQueue.push(Number(cur));
		}
	}
	if(outputStack.length > 0){
		while (outputStack.length > 0) {
			outputQueue.push(outputStack.pop());
		}
	}
	return outputQueue;
}

function calRpnExp(rpnArr) {
	var stack = [];
	for(var i = 0, max = rpnArr.length; i < max; i++) {
		if(!isOperator(rpnArr[i])) {
			stack.push(rpnArr[i]);
		} else {
			var num1 = stack.pop();
			var num2 = stack.pop();
			if(rpnArr[i] == '-') {
				var num = num2 - num1;
			} else if(rpnArr[i] == '+') {
				var num = num2 + num1;
			} else if(rpnArr[i] == '*' || rpnArr[i] == '×') {
				var num = num2 * num1;
			} else if(rpnArr[i] == '/' || rpnArr[i] == '÷') {
				var num = num2/num1;
			}
			stack.push(num);
		}
	}
	return stack[0];
}

function calCommonExp(exp) {
	var rpnArr = outputRpn(exp);
	return calRpnExp(rpnArr)
}

module.exports = {
  calCommonExp: calCommonExp
}
 

     這4張牌是隨機生成，也可以手動輸入，

   在寫樣式時，直接給input   設定width:23%;   發現整體的input是隻有23%的框，但是，可輸入區域也是可見區域的23%；且輸入區域在最左邊，不在中間。

   後面改成輸入框外面先套一個view ,view的寬度是23%；

4.支援水平翻轉，但是在安卓機（魅藍3）上測試有時候不行。其它機子沒測試過

翻轉動畫js

//重新整理四張撲克
function refreshPoker(that) {
  //把poker牌還原到原始狀態
  that.setData({
    pokerList:["","","",""]
  })
  var animation = wx.createAnimation({
    duration: 2000,
    timingFunction: 'ease',
  })
  animation.rotateY(-180).step({duration:0})
  that.setData({
    animationPoker:animation.export()
  })
  //重置4張牌
  for (var i = 0; i < 4; i++) {
    var randPoker = Math.floor(Math.random() * 13) + 1;
    if (randPoker == 11) {
      randPoker = "J";
    } else if (randPoker == 12) {
      randPoker = "Q";
    } else if (randPoker == 13) {
      randPoker = "K";
    }
    pokerArray[i] = randPoker;
  }
  //翻牌動畫
  animation.rotateY(-90).step({duration:1000});//前面90度不顯示資料
  that.setData({
    animationPoker:animation.export()
  })
  //轉了了90度增加資料
  setTimeout(function(){
     that.setData({
      pokerList: pokerArray
    })
  },300);
 
  //後面90度旋轉
  animation.rotateY(0).step({duration:1000});
  that.setData({
    animationPoker:animation.export()
  })
}