目录结构介绍

app.js — 对本页面的窗口表现进行配置。

app.json — 对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

app.wxss — 接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。

页面生命周期

小程序注册完成后，加载页面，触发onLoad方法。

页面载入后触发onShow方法，显示页面。

首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。

当小程序后台运行或跳转到其他页面时，触发onHide方法。

当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。

当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

常规页面A：onLoad()-->onShow()-->onReady()-->onHide()-->onUnload()

释义：

onLoad()：监听页面加载，一个页面只会调用一次

onShow()：监听页面显示，每次打开页面都会调用一次

onReady()：监听页面初次渲染完成，一个页面只会调用一次，代表页面加载完毕，视图层和逻辑层可进行交互

onHide()：监听页面隐藏，当页面被覆盖或进入后台执行

onUnload()：监听页面卸载，当页面被关闭或内存不足主动销毁页面

wx.navigateTo跳转状态下，页面A和页面B的生命周期逻辑

进入A页面：A执行onLoad()-->onShow()-->onReady()；

A页面navigateTo B页面：A执行onHide()，B执行onLoad()-->onShow()-->onReady()；

B页面返回A页面：B执行onUnload()，A执行onReady()；

退出A页面：A执行onUnload()。

Page({

data:{},

onLoad:function(options){

// 页面初始化 options为页面跳转所带来的参数

},

onReady:function(){

// 页面渲染完成

onShow:function(){

// 页面显示

onHide:function(){

// 页面隐藏

onUnload:function(){

// 页面关闭

}

})

组件：

（1）、swiper: 轮播图 只可放swiper-item组件 属性：autoplay 自动播放

（2）、scroll-view:可滚动视图区域

  属性：

  scroll-into-view 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素

  scroll-with-animation 在设置滚动条位置时使用动画过渡

（3）、slider:滑动选择器

（4）、template:使用 name 属性，作为模板的名字;使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入

（5）、radio-group:单选，内部由多个<radio />组成，

bindchange属性：function  选中项发生变化时触发 change 事件，event.detail.value = 选中项radio的value

（6）、input：获取input的value：e,detail.value

页面跳转：

redirectTo：关闭当前页，跳转到指定页；导航没有返回按钮，底部也没有tabbar了。

navigateTo：保留当前页，跳转到指定页；还可以返回。

switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面。

页面转发：

onShareAppMessage(options)

只有定义了此事件处理函数，右上角菜单才会显示 “转发” 按钮，

用户点击转发按钮的时候会调用，

此事件需要 return 一个 Object，用于自定义转发内容（转发成功，失败，转发后的回调：success,fail,complete）。

数据缓存：

同步：wx.setStorageSync(key,value)和wx.getStorageSync(key)

交互反馈：

wx.showActionSheet(object) 展示操作菜单

object:itemList,itemColor,success,fail,complete

wx.showModal(object)  模态弹窗

项目开发组   供稿