小程序一些小的知识点

1:常见使用组件

       视图容器:view swiper   scroll-view

       基础内容:text  相当于span标签

      媒体:image  video  audio 

       表单:button  input checkbox  label  picker

       画布:canvas

       地图:map

2:生命周期

       Onload()  页面加载时触发   只会调用一次  可获取当前页面路径中的参数

       onShow() 页面显示/切入前台时触发,一般用来发送数据请求

       onReady() 页面初次渲染完成时触发  只调用一次  代表页面已和视图层进行交互

       onHide() 页面隐藏/切入后台时触发   如底部tab切换到其他页面或小程序切入后台等

       onUnload 页面卸载时触发  如 rediectTO 或 navigateBack()到其他页面时

      

3:事件绑定Bind  catch

bindtap是不会阻止冒泡事件的,catchtap是阻值冒泡的

       事件类别  tap longtap  touchstart  touchend  touchcanse

4: 常见指令

       Wx:for  wx:key  wx:if   bindtap  <navigator  url=”” ></navigator>

OnLoad  接受参数

3:组件间传值

       1:父子间传值

子传父: 用于子组件向父组件传递数据,可以传递任意数据

       子组件:

父组件:

组件间代码共享 Behavior

假如多个子组件共享相同的 properties,data,methods,在每一个组件中都去重复粘贴相同的代码是完全没有必要的,这个时候可以用到 behavior  新建一个 my-behavior.js 文件

url传参

<navigator class="gotoDetail" target="self" url="../detail/detail?vedioSrc={ {item.videoSrc}}"></navigator>

然后在跳转到的页面onLoad钩子函数中  使用options接受参数

 onLoad: function (options) {

    console.log(options)

    this.setData({

      vedioSrc:options.vedioSrc

    })

  },

点击事件传参 利用自定义属性 data-xx =

封装请求方法:

wx.navigateTo():保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面
wx.redirectTo():关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
wx.switchTab():跳转到 abBar 页面,并关闭其他所有非 tabBar 页面
wx.navigateBack()关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层
wx.reLaunch():关闭所有页面,打开到应用内的某个页面
 

4:转发分享

       Wx.showShareMenu

5:登录授权流程

6:小程序的双向绑定和vue的哪里不一样

       小程序直接this.data 的属性是不可以同步到视图的  必须调用   

       This.setData({xx:aaa})

猜你喜欢

转载自blog.csdn.net/weixin_43844696/article/details/107607089