干货来袭！Web前端开发知识点有哪些？快点点击收藏起来吧！

知了堂姐

2024-07-09 11:12:24

0次

大家在学习前端开发过程中使用react的时候会遇见很多问题，如果在对react不熟悉的情况下，对遇见的问题和困难感到莫名奇妙和束手无措，下面给大家带来在使用react过程中需要注意的一些点。
Web前端开发知识点

1、setState()是异步的：this.setState()会调用render方法，但并不会立即改变state的值，state是在render方法中赋值的。所以执行this.setState()后立即获取state的值是不变的。
2、组件的生命周期：componentWillReceiveProps，shouldComponentUpdate，componentWillUpdata，componentDidUpdate 只有组件在更新的时候才被调用，初始化时不调用。
3、reducer必须返回一个新的对象才能触发组件的更新：因为在connect函数中会对新旧两个state进行浅对比，如果state只是值改变但是引用地址没有改变，connect会认为它们相同而不触发更新。
4、组件命名的首字母必须是大写，这是类命名的规范。
5、组件卸载之前，加在dom元素上的监听事件，和定时器需要手动清除，因为这些并不在react的控制范围内，必须手动清除。
6、无论reducer返回的state是否改变，subscribe中注册的所有回调函数都会被触发。
7、按需加载时如果组件是通过export default 暴露出去，那么require.ensure时必须加上default。
8、如果使用es6class类继承react的component组件，constructor中必须调用super，因为子类需要用super继承component的this，否则实例化的时候会报错。
9、key做为父组件属性时，子组件中获取不到（即在子组件中this.props.key为undefined）。
10、在render中给点击事件调用函数``onClick={this.onClose('key')}``，如果写成这种形式会导致render无限循环，而如果使用下面形式，函数会返回一个函数，不会出现死循环。
更多请关注成都知了堂前端培训，带你了解更多有关前端的相关问题和知识干货。

上一篇：软件测试就业前景怎么样？零基础可以学吗？

下一篇：软件测试常见bug有哪些？这些bug你遇到了吗