1.组件生命周期
2.behavior
3.全局生命周期
4.slot
5.组件通信
6.scroll-view
7.文件类型
8.路由传参
9.template
10.事件
11.onBreachBottom
12.授权流程
13.小程序之间如何跳转
1.组件生命周期
created 组件实例化,但节点树还未导入,因此这时不能用setData
attached 节点树完成,可以用setData渲染节点,但无法操作节点
ready(不是onReady) 组件布局完成,这时可以获取节点信息,也可以操作节点
moved 组件实例被移动到树的另一个位置
detached 组件实例从节点树中移除
2.behavior
小四整理了:
look here:https://www.jianshu.com/p/284e76593127
3.全局生命周期
app.js:生命周期
App({/**
* 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)
*/onLaunch:function(){ },/**
* 当小程序启动,或从后台进入前台显示,会触发 onShow
*/onShow:function(options){ },/**
* 当小程序从前台进入后台,会触发 onHide
*/onHide:function(){ },/**
* 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
*/onError:function(msg){ }
})
页面Page生命周期
Page({/**
* 页面的初始数据
*/data: { },/**
* 生命周期函数--监听页面加载
*/onLoad:function(options){ },/**
* 生命周期函数--监听页面初次渲染完成
*/onReady:function(){ },/**
* 生命周期函数--监听页面显示
*/onShow:function(){ },/**
* 生命周期函数--监听页面隐藏
*/onHide:function(){ },/**
* 生命周期函数--监听页面卸载
*/onUnload:function(){ },/**
* 页面相关事件处理函数--监听用户下拉动作
*/onPullDownRefresh:function(){ },/**
* 页面上拉触底事件的处理函数
*/onReachBottom:function(){ },/**
* 用户点击右上角分享
*/onShareAppMessage:function(){ }
})
4.slot
在组件的wxml中可以包含 slot 节点,用于承载组件使用者提供的wxml结构。
默认情况下,一个组件的wxml中只能有一个slot。需要使用多slot时,可以在组件js中声明启用。
Component({options:{multipleSlots:true// 在组件定义时的选项中启用多slot支持},properties:{/* ... */},methods:{/* ... */}})
此时,可以在这个组件的wxml中使用多个slot,以不同的 name 来区分。
<!-- 组件模板 --><viewclass="wrapper"><slotname="before"></slot><view>这里是组件的内部细节</view><slotname="after"></slot></view>
使用时,用 slot 属性来将节点插入到不同的slot上。
<!-- 引用组件的页面模板 -->
<view>
<component-tag-name>
<!-- 这部分内容将被放置在组件 <slot name="before"> 的位置上 --><viewslot="before">这里是插入到组件slot name="before"中的内容</view><!-- 这部分内容将被放置在组件 <slot name="after"> 的位置上 --><viewslot="after">这里是插入到组件slot name="after"中的内容</view></component-tag-name>
</view>
5.组件通信
look here :
https://blog.csdn.net/susuzhe123/article/details/80287540
6.scroll-view
小程序官方文档:
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
7.文件类型
1. .json后缀的 JSON配置文件
2. .wxml后缀的 WXML模板文件
3. .wxss后缀的 WXSS样式文件
4. .js后缀的 JS脚本逻辑文件
详解:https://blog.csdn.net/cpongo3/article/details/89157306
8.路由传参
look here:
https://blog.csdn.net/weixin_37861326/article/details/80640884
9.template
https://www.jianshu.com/p/cfca91e9a78b
10.事件
官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
11.onBreachBottom
look here
https://jingyan.baidu.com/article/bea41d43360d62f4c51be6ce.html
12.授权流程
look here
https://blog.csdn.net/qq_35394820/article/details/80469029
13.小程序之间如何跳转
https://www.jianshu.com/p/4969e57a3ab3
https://www.jianshu.com/p/3a3e192cfb85
网友评论