小程序开发常识总结

1.Tabbar闪烁问题的解决方案

使用官方微信文档中的Tabbar来调试真实机器。第一次切换选项卡时，选项卡栏闪烁。切换选项卡时使用wx switchTab（｛url｝）切换页面。第一次切换时，微信会打开一个新页面，并将新页面推入页面堆栈。每个新页面都会重新呈现选项卡，因此第一次切换时会闪烁。

解决方案：

整个页面布局封装为组件布局。选项卡和导航栏封装为组件。要切换的页面内容也封装为组件。在布局中，通过插槽控制要显示的组件。选项卡切换仅控制组件的显示。选项卡不需要重新渲染，切换也不会闪烁。

//布局组件分为导航栏、显示活动页面的插槽和选项卡栏。页面组件的显示通过控制activePage的值来控制

//自定义栏某些页面布局需要自定义导航栏，导航栏由页面定义标题显示。

icon='con-back'><；/导航栏>

//计算页面内容显示区

<；/插槽>

<；/选项卡栏>

//Js控制activePage以显示不同的组件

handleTabChange（e，o）{

常量上下文=e.detail；

让customBar；

如果（context.page===“我的”）{

customBar=假

}其他{

customBar=真

};

this.set数据({

customBar:customBar，

activePage:context.page，

导航栏选项：上下文导航栏选项

})

}

//插槽值控制显示哪个插槽

<；/主页>

<；/购物车>

<；/我的>

2.小程序生命周期、Pape生命周期、组件生命周期

小程序app生命周期：只能在app中调用APP（）。js一次

1.启动时

当小程序初始化完成时触发，并且仅全局触发一次。

2.在展会上

当小程序启动或从后台进入前台显示时触发。

3.隐藏

当小程序从前景进入背景时触发。

4.错误时

当小程序中出现脚本错误或API调用中报告错误时触发。

5.未找到页面

当小程序中出现脚本错误或API调用中报告错误时触发。

冷启动：第一次打开小程序，或在小程序被销毁后再次打开。此时，小程序需要重新加载并启动，即冷启动。将执行OnLaunch和onShow

冷启动：如果用户打开了一个小程序并在一定时间内再次打开，小程序不会被破坏，而是从后台状态变为前台状态，这称为热启动。执行OnShow，不执行onLaunch。

背景：单击左上角关闭，或按设备主页按钮离开微信。小程序不是直接销毁，而是进入后台状态。小程序可以运行一段时间并在Hide上执行。

前端：向用户显示是前端状态。如果再次打开微信或小程序，将从后台状态进入前端状态。

官方文件：

Pape生命周期

小程序显示页面的生命周期：

1.负载

加载页面时触发。页面只能调用一次

2.在展会上

当页面显示/切换到前景时触发。

3.就绪

首次呈现页面时触发。一个页面只能调用一次，这意味着该页面已准备好与视图层交互

4.隐藏

当页面隐藏/切换到背景时触发。

5.卸载时

卸载页面时触发。例如，当转到其他页面时

官方文件：

组件生命周期

1.创建

刚创建组件实例时，将触发创建的生命周期

2.附

组件完全初始化并进入页面节点树后，将触发附加的生命周期

独立的

3.组件离开页面节点树后，将触发分离的生命周期

在组件中，您还可以在pageLifetimes中定义页面生命周期的回调

组件({

寿命：{

创建：函数（）{

//组件实例刚刚创建

},

附加：函数（）{

//当组件实例进入页面节点树时执行

},

分离：函数（）{

//从页面节点树中删除组件实例时执行

},

},

//com所在页面的生命周期