react生命周期函数，普通二本的辛酸前端面试之路

销毁：

1. componentWillUnmount()：组件卸载及销毁之前调用（取消订阅，清楚定时器，取消网络请求）

2.不常用的生命周期函数

静态方法和实例方法

静态方法：直接挂载在class类上，或者使用新的关键字static，实例无法直接访问该方法。

实例方法：挂载在this上或者挂载在prototype上，class类不能直接访问该方法，使用new关键字实例化之后，实例可以访问该方法。

• shouldComponentUpdate()：为性能优化存在

• static getDerivedStateFromProps()：返回一个对象来更新 state，如果返回 null 则不更新任何内容。

• getSnapshotBeforeUpdate()：会在组件即将挂载时调用。用途：有一些状态，比如网页滚动位置，我不需要它持久化，只需要在组件更新以后能够恢复原来的位置即可。

3.捕获错误的生命周期函数

• static getDerivedStateFromError()：在后代组件抛出错误后被调用。 它将抛出的错误作为参数，并返回一个值以更新 state

• componentDidCatch()：在后代组件抛出错误后被调用。 它接收两个参数：

error —— 抛出的错误。

info —— 带有 componentStack key 的对象，其中包含有关组件引发错误的栈信息。

4.过时的生命周期函数（V17之后就会被废弃，所以尽量不要使用）

• UNSAFE_componentWillMount()：

• UNSAFE_componentWillReceiveProps()：

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。