1. 微信小程序开发官方资料

1.1 点击进入官方简易教程。

1.2 点击进入小程序组件介绍。

1.3 点击进入小程序API介绍。

1.4 点击进入官方开发工具介绍和下载。

2. 框架-点击进入官方介绍。

2.1 框架的核心是一个响应的数据绑定系统。

2.2 整个系统分为两块视图层（View）和逻辑层（App Service），框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

2.3 框架管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。开发者需要做的只是将页面的数据，方法，生命周期函数注册进框架中，其他的一切复杂的操作都交由框架处理。

3. json-配置（点击进入）

3.1 app.json

{

"pages": [

"pages/index/index",

"pages/logs/logs",

"pages/simple/simple",

"pages/test/test",

"pages/tab1/tab1",

"pages/tab2/tab2"

"window": {

"backgroundColor": "#eeeeee",

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#fff",

"navigationBarTitleText": "WeChat",

"navigationBarTextStyle": "black",

"enablePullDownRefresh": false

"tabBar": {

"color": "#ddd",

"selectedColor": "#1298db",

"backgroundColor": "#fff",

"position": "bottom",

"borderStyle": "white",

"list": [

{

"pagePath": "pages/index/index",

"text": "首页",

"iconPath": "images/tab/home.png",

"selectedIconPath": "images/tab/home_selected.png"

{

"pagePath": "pages/tab2/tab2",

"text": "我的",

"iconPath": "images/tab/mine.png",

"selectedIconPath": "images/tab/mine_selected.png"

}

]

"networkTimeout": {

"request": 10000,

"connectSocket": 1000,

"uploadFile": 1000,

"downloadFile": 10000

"debug": true

}

3.2 page.json

{

"navigationBarBackgroundColor": "#000000",

"navigationBarTextStyle": "white",

"navigationBarTitleText": "Home",

"backgroundColor": "#ffffff",

"backgroundTextStyle": "dark",

"enablePullDownRefresh": false,

"disableSrcoll": true

}

初识微信小程序