关于生命周期
2017-08-28 14:46
267 查看
生命周期在无论是原生JS还是在框架中都是存在的,也许有许多人对于这种东西很难接受那就跟着我来给你们缕缕思路
首先生命周期可以抽象的来说就是我们人一生的各个阶段,你孩提时代就应该是努力长高长大,然后青年时代学习知识,中年时代养家糊口,老年时代安享晚年,人在各个生命周期会忙着不同的事情,就像程序一样每个不同阶段会忙着不同的事
在原生js中也有生命周期函数的概念却不是像vue或者react中给标明了,而是当你理解了之后你就会把它当成生命周期函数例如window.onload或者window.unbeforeunload,他们一个是在页面加载完成时调用,一个是关闭页面时调用,直接上图吧
在上图中window.onload相当于一个生命周期函数,在页面加载完成时调用,可以执行某个函数或者写一长串代码这就相当于vue生命周期函数中的ready或者react中的componentDidMount,他们都是用来在对应的时间做对应的事,值得注意的是window.unbeforeunload中写alert,console是不会执行的,只可以用本地存储来尝试着看这个函数是否起作用
如图在vue中也有生命周期函数,大家肯定遇到过这个场景,当我用户进入我的页面是我需要用ajax请求数据并展示,这就说明在页面刚进入必须执行一个函数或者代码,在vue中,官方提供给了我们这几个函数,就是我们可以在对应的地方调用对应的函数,而官方推荐在ready中写我们的代码但其实这几个函数都是可以用的
生命周期是一个比较抽象的概念,但是我相信根据我今天所写,大家只要回去好好理解,一定可以将它融会贯通
首先生命周期可以抽象的来说就是我们人一生的各个阶段,你孩提时代就应该是努力长高长大,然后青年时代学习知识,中年时代养家糊口,老年时代安享晚年,人在各个生命周期会忙着不同的事情,就像程序一样每个不同阶段会忙着不同的事
在原生js中也有生命周期函数的概念却不是像vue或者react中给标明了,而是当你理解了之后你就会把它当成生命周期函数例如window.onload或者window.unbeforeunload,他们一个是在页面加载完成时调用,一个是关闭页面时调用,直接上图吧
在上图中window.onload相当于一个生命周期函数,在页面加载完成时调用,可以执行某个函数或者写一长串代码这就相当于vue生命周期函数中的ready或者react中的componentDidMount,他们都是用来在对应的时间做对应的事,值得注意的是window.unbeforeunload中写alert,console是不会执行的,只可以用本地存储来尝试着看这个函数是否起作用
如图在vue中也有生命周期函数,大家肯定遇到过这个场景,当我用户进入我的页面是我需要用ajax请求数据并展示,这就说明在页面刚进入必须执行一个函数或者代码,在vue中,官方提供给了我们这几个函数,就是我们可以在对应的地方调用对应的函数,而官方推荐在ready中写我们的代码但其实这几个函数都是可以用的
生命周期是一个比较抽象的概念,但是我相信根据我今天所写,大家只要回去好好理解,一定可以将它融会贯通
相关文章推荐
- 关于生命周期的学习和小思考
- 关于Activity生命周期的理解
- 关于Activity生命周期的理解 二(直白高效版)
- java之十一篇:java中关于生命周期
- 关于servlet生命周期中的方法
- 关于Android—Activity 生命周期图
- 刘小备如何做项目-关于生命周期模型
- 关于生命周期不得不说的事儿
- 对关于生命周期的博文的测试
- 关于activity生命周期
- 【重头学习Android】 关于Activity生命周期
- 关于生命周期,关于集合,早年笔记分享
- Maven使用图示-关于生命周期、命令行和IDEA插件
- 关于iOS生命周期和前后台的切换
- swif关于ios生命管理周期
- 关于Activity生命周期的理解 一(直白高效版)
- 关于工作和生命
- Activity生命周期图
- Servlet生命周期与工作原理
- 安卓开发Activity生命周期