微信小程序深入学习一

一、配置小程序

一个小程序主体部分由三个文件组成：

app.js、app.json、app.wxss

一个小程序页面由四个文件组成:

js、wxml、json、wxss

页面全局配置app.js

页面局部配置.json

{
	设置标签背景颜色
  "navigationBarBackgroundColor": "#ffffff",
  	设置标签文字颜色
  "navigationBarTextStyle": "black",
  	设置标签文字文本
  "navigationBarTitleText": "微信接口功能演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

sitemap配置

例如：配置 path/to/page 页面被索引，其余页面不被索引

{
  "rules":[{
    "action": "allow",
    "page": "path/to/page"
  }, {
    "action": "disallow",
    "page": "*"
  }]
}

二、小程序主要结构

小程序页面导航头部设置

“window":{

“navigationBarTitleText”:“微信消消乐”

}，

小程序页面底部标签设置

“tabBar":{

“list”:[

{

“pagePath”:“pages/index/index”,

“text”:“首页”

},

{

“pagePath”:“pages/logs/logs”,

“text”:“日志”

}

]

}9+

三、函数生命周期函数

onLoad–// 页面创建时执行

onShow–// 页面出现在前台时执行

onReady–// 页面首次渲染完毕时执行

onHide–// 页面从前台变为后台时执行

onUnload–// 页面销毁时执

onPullDownRefresh-// 触发下拉刷新时执行

onReachBottom–// 页面触底时执行

onShareAppMessage–// 页面被用户分享时执行

onPageScroll–// 页面滚动时执行

onResize–// 页面尺寸变化时执行

onTabItemTap–// tab 点击时执行