小程序到底是什么，能有什么用？

小程序，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于企业来说，用小程序推广，提高品牌知名度是见效最快，成本最低的好办法，同时，小程序还可以作为企业的手机网站，手机电商，手机图册等等，方便客户对企业的深度了解。

对于商穗带肆家来说最直观的就是赚钱，省钱，为什么这么说，第一为商店带来客流量，比如说方圆五公里的微信用户都能直接快速的找到商家的地址，商家的产品，可以直接在小程序里面，下单，预约，排号等等，还可以通过一些优惠活动吸引很多新顾客。第二是可以为商家省掉一大笔的平台抽点费用，客户都是小程序上慕猜轿名而来的，小程序是自己制作的平台，不需要给任何平台点数。第三就是客户管理，客户数据都抓在自己的手里，方行带便自己管理。

下面呈上3个微信小程序官方链接：

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html

https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

看完你就怀疑人生，没错我也是，nonono,别着急，咱们接着往下看！-------gogogo!!!

第一个链接 ：让你觉得，怎么这个完了，下个开始了，这个还没结束，那个也开始了

（这里涉及了一个概念：什么是生命周期，记住 生命周期---->开始到结束的时间范围 ）

第二个链接 ：

第三个链接:

这时候你大概知道这两个生命周期是不一样的了， 他们到底不一样在哪里 ？ 又相互关联在哪里 ？

现在橡粗我们分 3条线 来理解小程序的生命周期

1：小程序生命周期

2：小程序页面生命周期

3：小程序生命周期和小程序页面生命周期关联在哪里

ps:我们只看和生命周期有关的方法！！！

1：小程序生命数昌周期

下面由这些同学为大家讲解生命周期

https://www.jianshu.com/p/3f43eaa83bbd

https://www.jianshu.com/p/2e48f2468d5f

从上面那个同学可以知道

1： 小程序 的生命周期函数的调用顺序为：onLaunch>onShow>onHide

2： 小程序页面 生命周期函数的调用顺序为：onLoad>onReady>onShow；至于onHide函数就是当隐藏页面的时候触发。

3：“ 小程序 生命周期函数”和“ 小程序页面 生命周期函数”的调梁毕镇用顺序；这两者之间的事件顺序一般如上图所示 小程序 周期函数 在前 ， 页面 周期函数触发 在后 ；

小程序前台->后台->前台生命周期的调用顺序为：page.hide>app.hide>app.show>page.hide

什么？？？你还是不懂？？亲亲麻烦创建一个项目理解一下

本地缓存官方讲解：

https://developers.weixin.qq.com/miniprogram/dev/api/data.html#wxsetstorageobject

演示视屏可以关注公微信订阅号查看(Rabbit_svip)。

样式随便写，主要留意功能。

页面结构

【app.json】

【login.wxml】

【login.js】

【index.wxml】

【index.js】

先看看【app.json】，在pages里面，要把login放在第一，这样在小程序打开的时候，就会先打开login.wxml这个页面。

【login.wxml】页面，第二行的<form>标签里，要加bindsubmit。

这是微信官方文档上写明的事件。在<form>表单提交时，会携带<form>中的数据出发submit事件。

在使用bindsubmit时，记得在input元素上面写明“name”属性。

可以试试，查看一下控制台输出的值。

【login.js】

在点击登录提交表单后，如果登录成功，用wx.setStorage()，把用户名临时存储起来。

存储完渗数成后，跳转页面。胡厅用到 wx.redirectTo

用 wx.redirectTo 进行跳转，是没有返回上一层的路径的。

在login.js这个页面中，用到 onLoad 这个函数（第107行）。作用是监听页面加载。

onLoad里面，用到 wx.getStorage 这个API。作用是检测本地缓存，看看是否有对应的key指定的值。如果有，则调用 success 这个回调丛做首函数。

【index.js】

这个页面设置了一个清除本地缓存的button。

用到 wx.removeStorage 这个API。

这里只要指定key值就行。这样就可以删除掉对应的缓存。

删除成功后，执行 success 回调函数。

---