微信小程序开发—项目实战之计算器开发

我参加优快云博客之星评选啦，感谢大家前往投票支持！ 投票地址：http://blog.youkuaiyun.com/vote/list.html?keyword=anda0109#search

就像学习一门开发语言首先会写出“Hello World”一样，学习开发一个应用首先得写出一个“计算器”，这也是开发者的入门必经之路。想当年我学习C/C++也是从一个计算器入门而后一往无前的。

小程序的第一个应用，我也选择了开发计算器，入门神器嘛。首先，它的界面相对简单，适合入门；其次，无人不知，无人不用，对功能需求最为了解。

别看一个小小的计算器小程序，涉及的知识点其实也不少：

• 首先你得了解小程序的框架，否则无从下手嘛
• 页面布局，对css还是要有一定的功底的，否则你的计算器注定奇丑无比
• 事件消息、参数传递，这些知识得会啊
• JavaScript得熟练应用，要写运算逻辑呢
• 还有，你的逻辑得严密，连续运算优先级的处理等等，否则你的计算器根本没法用吧
• ……

这看起来似乎有些难吧，别被吓到，我也是和你们一样，刚刚入手小程序开发的，为什么是刚刚，是因为小程序出来也才不久嘛。

下面是我用小程序做的一个奇丑无比版计算器，界面简陋，功能单一，仅作入门参考抛砖之用：

对于这样一个简陋的计算器，其开发需要经历以下步骤：
###整体框架
标题栏，两个tab指向两个页面。

这里主要是掌握全局配置app.json中tabBar的用法。

###页面布局
显示屏，19个按钮的排列。