微信小程序开发

一、index页面搭建

1.新建小程序项目（不使用云服务、无模板）。

2.新建app.js和app.json

3.新建pages文件夹，在pages中新建index文件夹，右键点击index文件夹，新建page，输入index回车，就会生成index页面的配置并将页面路径写入到app.json文件的"pages"中。

4.新建文件夹static，用于存放图片等。

5.通过根路径引入图片：将image的src属性指定为根路径。

<image class="avatarUrl" src="/static/images/nvsheng.jpg"></image>。

6.背景色充满整个页面：给容器view.indexContainer设置为height:100%,给page设置为height:100%

注：index.json和list.json页面配置，只对本页面有效。app.json全局配置，对所有页面都有效。

二、事件绑定

1.在小程序中是通过tap事件来响应用户的触摸行为的。

2.通过bindtap可以为组件绑定tap触摸事件.

三、路由跳转

1.在pages中新建目录logs，右击logs新建page新建logs文件夹进行跳转。

2.将前面的冒泡事件代码进行注释，用新方法toLogs进行页面跳转。

3.(1)用wx.navigation(保留当前页面，跳转至应用内的某个页面)，进行跳转。

(2)用wx.redirectTo(关闭当前页面，跳转至应用内的某个页面)，进行跳转。

(3)用wx.reLaunch(关闭所有页面，打开到应用内的某个页面)。

四、各类生命周期函数