微信小程序学习记录 | 罗洋洋的Blog

type

status

date

slug

summary

基础知识

目前只是一些基础知识。

image

图片用错了，用img是不可以的，半天没有出来，都怀疑自己了。

应该是用image

好了，今天的实践练习就到这里了，要去上班去了。学习了实现轮播图的效果。

学习总结

轮播图要用swiper ，但是swiper下面必须要跟着swiper-item

图片不要用img，要用image 图片有默认宽高。

navigator 链接

navigator 在 Skyline 下视为文本节点，只能嵌套文本节点（如 text），不能嵌套 view、button 等普通节点，如 <button> <navigator>foo</navigator> </button>

新增 span 组件用于内联文本和图片，如 <span> <image> </image> <navigator>bar</navigator> </span>

参数

url：当前小程序内的跳转链接

open-type参数：

navigate：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

redirect：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

reLaunch：关闭所有页面，打开到应用内的某个页面。

navigateBack：关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

exit：退出小程序，target="miniProgram"时生效。

携带参数和接收参数

在控制台中可以看到当我点击时，参数被携带过去了。

scroll-wrap 让图片滑动

一定要注意这个css属性，如果不使用这个属性，那末图片就不会是自动弹上来的。

监听事件

可以用bind:tap进行数据绑定；

也可以用bindtap进行绑定；

可以自定义的，但是前面必须是bind，比如bindgo和bind:go是一样的。

事件页面

监听页面

一般都是在Page页面进行监听的，当我定义了onMyEvent 事件时，在Page页面就可以通过监听接收到。

阻止冒泡

冒泡：简而言之就是当我点击子元素时，父元素也进行了事件处理。

比如：

这个时候当我点击bubble 触发事件时，parentbubble 这个时候也会进行触发。