微信小程序和小游戏案例库使用教程

1. 项目的目录结构及介绍

WeApp_Demos/
├── 小程序页面生成器/
│   └── xiaochengxuGen-master/
│       ├── README.md
│       └── ...
├── AppleMusic/
├── B站首页界面设计/
├── FlexLayout布局/
├── HIapp/
├── IT-EBOOK/
├── LOL战绩查询/
├── Railay：整体框架/
├── TCP IP长连接/
│   └── fans-server-master/
├── cnode社区版/
├── dribbble/
├── gank/
├── leantodu/
├── movecss效果/
├── redux绑定/
│   └── wechat-weapp-redux-master/
├── todo list/
├── v2ex/
├── 一个（仿）/
├── 主页设计/
├── 万年历/
├── 下拉刷新 tab切换/
├── 东航订机票/
├── 事项助手/
├── 二维码生成器/
├── 云笔记/
├── 五十音图/
├── 五险一金计算/
├── 人脸检测/
├── 今日资讯/
├── 仿微信DEMO/
├── 仿找事吧/
├── 仿网易云音乐/
├── 会议精灵/
├── 你画我猜/
├── 侧滑布局/
│   └── weapp-slider-master/
└── ...

目录结构介绍

• 小程序页面生成器：包含小程序页面生成器的源码。
• AppleMusic：仿Apple Music的小程序源码。
• B站首页界面设计：B站首页界面设计的源码。
• FlexLayout布局：使用FlexLayout布局的小程序源码。
• HIapp：HIapp小程序源码。
• IT-EBOOK：IT电子书小程序源码。
• LOL战绩查询：LOL战绩查询小程序源码。
• Railay：整体框架：Railay小程序整体框架源码。
• TCP IP长连接：TCP IP长连接小程序源码。
• cnode社区版：cnode社区版小程序源码。
• dribbble：dribbble小程序源码。
• gank：gank小程序源码。
• leantodu：leantodu小程序源码。
• movecss效果：movecss效果小程序源码。
• redux绑定：redux绑定小程序源码。
• todo list：todo list小程序源码。
• v2ex：v2ex小程序源码。
• 一个（仿）：仿一个的小程序源码。
• 主页设计：主页设计小程序源码。
• 万年历：万年历小程序源码。
• 下拉刷新 tab切换：下拉刷新 tab切换小程序源码。
• 东航订机票：东航订机票小程序源码。
• 事项助手：事项助手小程序源码。
• 二维码生成器：二维码生成器小程序源码。
• 云笔记：云笔记小程序源码。
• 五十音图：五十音图小程序源码。
• 五险一金计算：五险一金计算小程序源码。
• 人脸检测：人脸检测小程序源码。
• 今日资讯：今日资讯小程序源码。
• 仿微信DEMO：仿微信DEMO小程序源码。
• 仿找事吧：仿找事吧小程序源码。
• 仿网易云音乐：仿网易云音乐小程序源码。
• 会议精灵：会议精灵小程序源码。
• 你画我猜：你画我猜小程序源码。
• 侧滑布局：侧滑布局小程序源码。

2. 项目的启动文件介绍

每个小程序或小游戏的启动文件通常是app.js、app.json和app.wxss。以下是一个典型的启动文件结构：

小程序名称/
├── app.js
├── app.json
├── app.wxss
└── pages/
    └── index/
        ├── index.js
        ├── index.json
        ├── index.wxml
        └── index.wxss

app.js