微信小程序-贪吃蛇开发1 序章

本系列是作者自学实践过程的记录
本文是微信小程序开发的主要功能介绍
有问题欢迎讨论

一、小程序介绍

小程序的开发类似于JavaWeb的开发，都包括了前端设计和后端设计。
其中，前端包括了wxml、wxss等内容，对应html、css，对于已经熟悉JavaWeb开发的人比较容易上手。
不需要进行下载对应的app，只需要借助微信就可以打开使用，对系统硬件要求不太高。

二、开发平台

• 开发者工具
• 开发文档

其中，开发者工具只需要下载安装就可以，开发者工具包括了模拟器、编译器和调试器，非常方便。

新建程序如图所示：

三、基础知识

小程序逻辑结构

• 视图层 view，负责页面展示效果
• 逻辑层 app service，负责页面功能函数实现

四、开发

1.创建小程序，这里可以进行注册或者使用测试号（测试号的功能可能并不完整）**

2.观察小程序的结构

app.wxss : 整个app的样式控制

app.json : 微信小程序的配置文件，常用配置属性有pages、window、tabBar

pages表明了小程序的页面文件路径，pages的值顺序就是页面的展示顺序，比如图中index为第一个页面，snake为第二个页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。

window表明了窗口表现，即状态栏、导航条、标题、窗口等样式。

window属性解释：

• backgroundTextStyle：下拉loading样式，仅有light和dark两种样式
• navigationBackgroundColor：导航栏颜色，仅支持HTML六位十六进制的颜色，不支持使用red或者rgb函数
• navigationBarTitleText：导航栏标题内容

tabBar用于实现多页面的切换，例如返回和主界面的切换

app.js ：微信小程序的公共属性和方法，基本上不用改变

project.config.json ：项目配置文件，基本上不用改变