关于生命周期

生命周期在无论是原生JS还是在框架中都是存在的,也许有许多人对于这种东西很难接受那就跟着我来给你们缕缕思路

首先生命周期可以抽象的来说就是我们人一生的各个阶段,你孩提时代就应该是努力长高长大,然后青年时代学习知识,中年时代养家糊口,老年时代安享晚年,人在各个生命周期会忙着不同的事情,就像程序一样每个不同阶段会忙着不同的事

在原生js中也有生命周期函数的概念却不是像vue或者react中给标明了,而是当你理解了之后你就会把它当成生命周期函数例如window.onload或者window.unbeforeunload,他们一个是在页面加载完成时调用,一个是关闭页面时调用,直接上图吧

---

在上图中window.onload相当于一个生命周期函数,在页面加载完成时调用,可以执行某个函数或者写一长串代码这就相当于vue生命周期函数中的ready或者react中的componentDidMount，他们都是用来在对应的时间做对应的事,值得注意的是window.unbeforeunload中写alert,console是不会执行的,只可以用本地存储来尝试着看这个函数是否起作用

---

如图在vue中也有生命周期函数,大家肯定遇到过这个场景,当我用户进入我的页面是我需要用ajax请求数据并展示,这就说明在页面刚进入必须执行一个函数或者代码,在vue中,官方提供给了我们这几个函数,就是我们可以在对应的地方调用对应的函数,而官方推荐在ready中写我们的代码但其实这几个函数都是可以用的

---

生命周期是一个比较抽象的概念,但是我相信根据我今天所写,大家只要回去好好理解,一定可以将它融会贯通