写在前面，重点在后面。这是教程，不是教程。大家可以先看看Demo的运行动画看看是什么，github地址(https://github.com/dunizb/wxapp-sCalc)自从微信小程序内测以来，我的网络信息已经差不多了从它身边掠过，一时间不知道发生了什么。尤其是那天晚上有人熬夜吐血发教程，我他妈的，我要好好努力，我觉得如果不马上学习，我会被活活踩死在这业后。慌乱了几天，国庆节后终于可以跟风熬夜学习了。好吧，算了，菜鸟只能写计算器了。...嗯，是的，我想不出什么好主意。下面介绍一下这个简单的计算器以及开发过程中的一些陷阱。首先，网上有很多web开发者工具、文档等，我就不赘述了。没有必要再破解了。微信官方修改了验证机制，无需APPID也可以玩，但部分功能受限。其次，微信小程序的开发其实并不难。没掌握之前，不知道是什么东西，好像高大上。其实比我们传统的写法更简单，封装性也更高。按照他们的规则和规范，书写体验还是很不错的。但是因为没有权限，目前的微信小程序都是在开发者工具的模拟器中运行的。不知道微信上真实情况如何。xxx.wxml文件和xxx.wxss文件wxml是微信自己开发的一套标记语言。你可以直接把它看成一个HTML文件，这样就好了，因为我们的界面构建是写在??这个文件里面的，但是没有HTML标签，只有wxml标签，wxml标签的数量也很少。wxss是微信自己开发的样式文件格式。相当于我们的CSS文件，写法一样，只是文件后缀变了。以前我们怎么写CSS，现在还是微信小程序的写法。有了wxml和wxss，我们就可以搭建我们想要的界面UI了。xxx.js和xxx.json文件xxx.js文件是编写JS的地方。每个xxx.js对应一个同名的xxx.wxml文件。xxx.js文件必须有一个Page对象，即使该页面没有任何业务逻辑。进入页面微信网页开发工具会自动生成一些空方法供你实现。当然，您不必实施它，它只是为您设置骨架。xxx.josn文件是配置文件，一般用于全局配置。比如根目录下的app.josn定义了小程序由哪些页面组成，小程序导航栏的样式等，看名字就知道属性的含义。pages属性配置页面，第一个是启动页面，所有的页面都要在这里配置，如果你建了一个页面忘了在这里添加，那你会很郁闷，因为页面跳转的时候onLoad方法不会被处决，我浪费了很多时间在挠耳朵和好奇上。总体结构看下面的项目结构图。一个页面就是一个文件夹，一个页面通常有js、wxml、wxss。wxml和js文件是必须的，没有样式。calc（计算器页面）、history（历史记录）、index（小程序首页、启动页）、logs（日志信息）、utils（js工具），logs和utils是内置的，可能有也可能没有。源码分析这个简易计算器的界面布局还是延续了祖传系统，使用CSSFlexbox布局，貌似是微信官方推荐的（官方文档中使用的是Flexbox）。计算器的按钮都是用
