https://github.com/dunizb/wxapp-sCalc

:speech_balloon:微信小程序版简易计算器demo，适合入门练手
https://github.com/dunizb/wxapp-sCalc

javascript wechat wechat-app wechat-weapp

Last synced: 3 months ago
JSON representation

:speech_balloon:微信小程序版简易计算器demo，适合入门练手

• Host: GitHub
• URL: https://github.com/dunizb/wxapp-sCalc
• Owner: dunizb
• License: mit
• Archived: true
• Created: 2016-09-30T07:45:24.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-10-15T03:42:50.000Z (about 2 years ago)
• Last Synced: 2024-07-02T16:42:40.536Z (4 months ago)
• Topics: javascript, wechat, wechat-app, wechat-weapp
• Language: JavaScript
• Homepage:
• Size: 439 KB
• Stars: 255
• Watchers: 12
• Forks: 152
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-wechat-app - wxapp-sCalc - 微信小程序版简易计算器，适合入门练手 (Demo)
• awesome-github-wechat-weapp - wxapp-sCalc - 微信小程序版简易计算器，适合入门练手 (Demo)

README

        
# wxapp-sCalc 微信小程序开发入门，适合入门练手

**2016-10-15更新：**修复新版开发者工具下计算器排版错乱的问题

[sCalc](https://github.com/dunizb/sCalc) 微信小程序版，适合入门，由于重点不是实现计算器具体功能，主要是为了学习微信小程序开发，

所以一些非关注点问题就不要太在意

为了实现计算功能，被微信小程序坑死了，应为js文件中不支持window对象，没法使用eval函数

介绍文章：[剖析简易计算器带你入门微信小程序开发](http://www.imooc.com/article/13393)

其他微信小程序：[极简天气](https://github.com/dunizb/wxapp-weathermin)，[读你电影](https://github.com/dunizb/wxapp-movie)

## Previews

![Previews](GIF.gif)

## Description

涉及微信小程序开发相关知识：

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 https://github.com/dunizb/wxapp-sCalc.git

```

2. Import to Wechat DEV Tools

把项目导入到微信开发者工具中即可

## License

Copyright (c) 2016 Dunizb. MIT Licensed, see LICENSE for details.