https://github.com/Gavin-YYC/wxApp

一步步开发微信小程序
https://github.com/Gavin-YYC/wxApp

Last synced: 3 months ago
JSON representation

一步步开发微信小程序

• Host: GitHub
• URL: https://github.com/Gavin-YYC/wxApp
• Owner: Gavin-YYC
• Created: 2016-09-22T17:22:30.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2019-11-13T10:12:00.000Z (almost 5 years ago)
• Last Synced: 2024-07-18T01:56:08.642Z (4 months ago)
• Language: JavaScript
• Size: 310 KB
• Stars: 43
• Watchers: 5
• Forks: 21
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-wechat-weapp - wxApp - 一步步开发微信小程序 (Demo)
• awesome-github-wechat-app - wxApp - 一步步开发微信小程序 (Demo)

README

        
## 一步步开发微信小程序

微信小程序开发QQ群：589408404

* Demo1 项目目录结构 -- 主体文件

* Demo2 项目目录结构 -- 页面

* Demo3 创建一个小Demo -- slider小Demo

* Demo4 创建动画 -- 超酷圆形进度条

### 补充一些资料

目前而言，小程序很难写一个自定义组件，群里有人进行了一些常识：

[微信小程序自定义组件和事件传递](https://segmentfault.com/n/1330000007037416)

关于小程序，很多人有认识的错误，看下这个扫盲的文章：

[微信小程序，大多数人都搞错的八个问题](http://geek.csdn.net/news/detail/104430)

### 目录结构示例

> Demo2

练习swiper：通过swiper实现多tab的切换页面：

![gif](Demo2/demo.gif)

> Demo3

练习slider：通过slider实现简单的输入、选择交互效果

![gif](Demo3/slider.gif)

> Demo4

练习animation，创建动画

![gif](Demo4/demo.gif)