99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

今天小編給大家分享一下微信小程序開(kāi)發(fā)中怎么實(shí)現(xiàn)計(jì)算器功能的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

創(chuàng)新互聯(lián)建站于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元錯(cuò)那做網(wǎng)站,已為上家服務(wù),為錯(cuò)那各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

一、微信小程序開(kāi)發(fā)工具界面

二、目錄結(jié)構(gòu)

第一次進(jìn)到頁(yè)面它的目錄結(jié)構(gòu)如下：

三、需要注意的問(wèn)題

(1)添加的新頁(yè)面文件，都需要在app.json中進(jìn)行配置，否則頁(yè)面報(bào)錯(cuò)。

(2)工作原理  通過(guò)在中添加事件 bindtap="btnClick" id="{{n9}}"   相當(dāng)于click事件。

在js代碼中，可以通過(guò)this.data.n9獲取數(shù)據(jù)，這些數(shù)據(jù)的定義都是在js中

通過(guò)在填寫id，在具體的函數(shù)中，event.target.id去判斷id是多少，進(jìn)行區(qū)分。就可以實(shí)現(xiàn)，不同標(biāo)簽的點(diǎn)擊，然后進(jìn)行業(yè)務(wù)邏輯。如果需要訪問(wèn)數(shù)據(jù)，則是通過(guò)this.data.xx。

計(jì)算器的wxml頁(yè)面

  {{screenNum}}
  
    9
    8
    7
    +
  
   
    6
    5
    4
    -
  
   
    3
    2
    1
    *
  
   
    0
    AC
    =
    /
  

// pages/cal/cal.js
Page({
 
  /**
   * 頁(yè)面的初始數(shù)據(jù)
   */
  data: {
   n0: 0,
   n1: 1,
   n2: 2,
   n3: 3,
   n4: 4,
   n5: 5,
   n6: 6,
   n7: 7,
   n8: 8,
   n9: 9,
   na: "+",
   nb: "-",
   nc: "*",
   nd: "/",
   screenNum: 0,
   screenStr: 0,
   is_num:1
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
   */
  onLoad: function (options) {
  
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成
   */
  onReady: function () {
  
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
   */
  onShow: function () {
  
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏
   */
  onHide: function () {
  
  },
 
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載
   */
  onUnload: function () {
  
  },
 
  /**
   * 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作
   */
  onPullDownRefresh: function () {
  
  },
 
  /**
   * 頁(yè)面上拉觸底事件的處理函數(shù)
   */
  onReachBottom: function () {
  
  },
 
  /**
   * 用戶點(diǎn)擊右上角分享
   */
  onShareAppMessage: function () {
  
  },
  btnClick:function(event){
    //console.log("你按得鍵是"+event.target.id);
    //console.log("上一次" + this.data.is_num);
    var op="";
    var data=0;
    var last_is_num = this.data.is_num;
    //這次輸入的是什么
    if (event.target.id == "9" || event.target.id == "8" || event.target.id == "7" || event.target.id == "6" || event.target.id == "5" || event.target.id == "4" || event.target.id == "3" || event.target.id == "2" || event.target.id == "1" || event.target.id == "0") {
      data = event.target.id;
      this.setData({ is_num: 1 });
    }
    if (event.target.id == "+" || event.target.id == "-" || event.target.id == "*" || event.target.id == "/") {
      op = event.target.id;
      this.setData({ is_num: 0 });
    }
    if (last_is_num==1){
      //如果上一次是數(shù)字
      if (op == ""){
        //這一次是數(shù)字
        if (this.data.screenNum!=0){
          this.setData({ screenNum: this.data.screenNum + data });
          this.setData({ screenStr: this.data.screenStr + data });
        }else{
          this.setData({ screenNum: data});
          this.setData({ screenStr: data });
        }
      }else{
        this.setData({ screenNum: this.data.screenNum + op });
        this.setData({ screenStr: this.data.screenStr +"," +op+"," });
      }
    }else{
      //上次不是數(shù)字
      if (data != 0) {
        //這一次是數(shù)字
        this.setData({ screenNum: this.data.screenNum + data });
        this.setData({ screenStr: this.data.screenStr + data });
      } else {
        return;
      }
    }
    //console.log(op+"aaaaa"+data);
    //console.log("現(xiàn)在是"+this.data.is_num);
    //console.log("screenNum" + this.data.screenNum);
    //console.log(this.data.screenStr);
  },
  btnJs:function(){
    console.log(this.data.screenNum);
    console.log(this.data.screenStr);
    var result=0;
    var strs = new Array(); //定義一數(shù)組 
    strs = this.data.screenStr.split(","); //字符分割
    for (var i = 0; i < strs.length; i++) {
      //console.log(strs[i] + i); //分割后的字符輸出
      if (strs[i]=="+"){
        result = parseInt(strs[i - 1]) + parseInt(strs[i+1]);
      }
      if (strs[i] == "-") {
        result = strs[i - 1] - strs[i + 1];
      }
      if (strs[i] == "*") {
        result = strs[i - 1] * strs[i + 1];
      }
      if (strs[i] == "/") {
        result = strs[i - 1] / strs[i + 1];
      }    
    }
    console.log("result:"+result);
    this.setData({ screenNum: result});
    this.setData({ screenStr: result });    
  },
  btnClear:function(){
    //把標(biāo)記恢復(fù)成默認(rèn)狀態(tài)
    this.setData({ screenNum: 0 });
    this.setData({ screenStr: 0 });
    this.setData({ is_num: 1 });      
  }
})

以上就是“微信小程序開(kāi)發(fā)中怎么實(shí)現(xiàn)計(jì)算器功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)題目：微信小程序開(kāi)發(fā)中怎么實(shí)現(xiàn)計(jì)算器功能
分享鏈接：http://www.ef60e0e.cn/article/jsjcci.html