4-10 小程序的事件机制（冒泡与非冒泡）上

这一节主要实现：welcome和文章列表页面关联起来。

app.js中“pages”:[ ]，里面第一个就是启动页面。

知识点1、tap，tap相当于onclock事件

知识点2、事件绑定，bindtap，catchtap，绑定一个事件。虽然是事件，但是在标签里必须要绑定，才能生效。其他事件比如touchstart，如果在标签里添加这样的事件，也是需要bindtouchstart才行。

知识点3、ontap，在元素上写bindtap = “ontap” ，这是一个点击事件的函数名，那么就要定义这个函数。定义的方法是在对应的js文件里写。比如这个事件是在welcome.wxml里面被绑定的，那么函数就是在welcome.js里面写。具体写法：在welcome.js 里面的page({ onTap：function(){ } ) 这个结构体里面定义就好了。小程序js文件的基本写法：page({ })

知识点4、比如给点击时间ontap ，让它输出console.log("tap")，有bug ，有时候点击一次，会执行两次，这个时候可以通过完全关闭开发者工具，重新启动就可以修复了。

知识点5、跳转的方法，父级到子级跳转 ，navigateto可以从父级跳到子级。具体实现方式是，元素上调用bindtap = “onTap” ,然后在定义onTap事件就可以了，wx.navigateTo() 这个方法接受的是一个对象，对象写上相应url属性，也就是跳转地址。

知识点6、导航栏有一个“返回”，因为把post当做welcome的子页面了。现在我们不想要welcome作为主页面。不要返回键的跳转方法 ，平行跳转。wx.redirectTo，同上，参数也是一个对象。redirect有“再直接的，改变线路” 的意思。

这样跳转，导航栏，就没有返回两个字了。

强调一下wx.navigateTo()，跳到子级，最多只有5级。

知识点7、onUnload，这里就体现了上面的两个方法的异同。虽然两个方法都可以跳转，

wx.navigateTo()是“导航到”，它是一个是父级子级的跳转，也就是说，有返回键，父级还存在，只不过是隐藏了，调用了onHide函数。

wx.redirectTo，“直接跳转到”，是一个是平级跳转，也就是没有父级，第一个页面跳转到第二个页面，第一个页面卸载掉,关闭，调用unload。