微信小程序 按钮效果

在微信小程序中,自带的 button 是自带点击效老模悔果的,但是一旦我们给 button 加了 class 之后,这个按钮就变成了一个方块,点击也没有任侍正何视觉效果.于是自己写了一套通用的小程序码颂点击按钮效果

按钮样式

这个需求可以通过动态类名来实现

首先 我们先把写好选中时和未选中时的wxss样式（choose为选中，nochoose为察姿未选中）

然后在html中写下几个按钮并加上类名的判断条件

最后在js文件里通过点击事件chnageColor来接收不虚没渗同按钮点击时传过来的index

实现差脊效果如下图所示

这样即可实现按钮的点击变色，有不足之处还请大家指正

小程序启动可以分为两种情况，一种是冷启动，一种是热启动。

冷启动 ：如果用户首次打开，或小程序销毁后被用户再次打开，此时小程序需要重新加载启动，即冷启动。

冷启动会调用onLoad()

热启动 ：如果用户已经打开过某小程序，然后在一定时间内再次打开该小程序，此时小程序并未被销毁，只是从后台状态进入前台状态迅罩芦，这个过程就是热启动。

onShow()不管冷启动还是热启动都会调用

小程序没有重启的概念

当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）会被微信主动销毁

当短时间闷唯内（5s）连续收到两次以上收到系统内存告警，会进行小程序的销毁

小程序启动后，界面被展示给用户，此时小程序处于前台状态。

当用户点击右上角胶囊按钮关闭小程序，或者按了设备 Home 键离开微信时，小程序亩带并没有完全终止运行，而是进入了后台状态，小程序还可以运行一小段时间。

当用户再次进入微信或再次打开小程序，小程序又会从后台进入前台状态。但如果用户很久没有再进入小程序，或者系统资源紧张，小程序可能被销毁，即完全终止运行。

---