教你做一个开源的小程序计算器
发表时间：2025-10-01 来源：浏览器大全整理相关软件相关文章人气：
微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。
这是一个小程序新手练习的项目（基于微信quick demo改写），做了一个计算器。有基本的UI，有基本的跳转及简单的js逻辑，很适合初学者阅读。
读别人的代码，就是归整自己的编程技能。
涉及微信小程序开发相关知识：
1、CSS Flexbox布局
2、事件绑定、页面跳转
3、Page、window、App全局设置
4、wxml、wxsss、js、json文件使用方法
5、view、text、icon、button组件使用方法
6、navigate、wx.setStorageSync、数据绑定等API
Setup
1、Clone the repo
$ git clone github.com/dunizb/wxapp-sCalc.git
2、Import to Wechat DEV Tools
把项目导入到微信开发者工具中即可
编者注：源码中有两点值得注意——
1，作者并没有给每一个计算器按钮绑定一个事件函数，统一绑定于blickBtn这一个函数，而通过id与e.target.id来分别用户点击的是哪一个按钮，并且作者直接用了计算按钮的屏显数字做了id，简单直接
2，单击按钮时有一个红色的高亮效果，该效果是通过css实现的：
.item:active {
background-color: #ff0000;
}一行简单的代码，就使UE体验上升了不少。值得学习~
另外，再分享一个小程序游戏，虽说微信官方禁止小游戏上架，但是谁又能阻止学习者的脚步呢。微信小程序文档中那些绘图API与动画API，可能也是为将来做游戏准备的。
github.com/natee/wxapp-2048
这个一个2048游戏，如果喜欢计算器风格的demo，这个可能你也会喜欢。
以上就是教你做一个开源的小程序计算器的详细内容，更多请关注php中文网其它相关文章！
小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
