小程序开发之计算器

在这篇微信小程序开发教程中，我们将介绍如何使用微信小程序开发计算器功能。

本文主要分为两个部分，小程序主体部分及计算器业务页面部分

一、小程序主体部分

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

1. 小程序逻辑

App({  onLaunch: function() {     // Do something initial when launch.  },  onShow: function() {      // Do something when show.  },  onHide: function() {      // Do something when hide.  },  globalData: 'I am global data'})

2. 小程序公共设置

{  "pages": [    "page/index/index"  ],  "window": {    "navigationBarBackgroundColor": "#000",    "backgroundColor": "#000",    "navigationBarBackgroundColor": "#000"  },  "networkTimeout": {    "request": 10000,    "connectSocket": 10000,    "uploadFile": 10000,    "downloadFile": 10000  },  "debug": true}

二、计算器页面部分

计算器页面主要由以下文件组成。

1. 计算器页面结构

页面结构分为2个主要部分：显示区和键盘区

其中键盘区又分功能键、数字键，及运算键，页面结构如下

      {{displayValue}}