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

大家在学习前端开发过程中使用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无限循环,而如果使用下面形式,函数会返回一个函数,不会出现死循环。
更多请关注成都知了堂前端培训,带你了解更多有关前端的相关问题和知识干货。

实战教学·项目驱动

开班计划中
  • 软件测试

    12月13日

  • JAVA

    12月13日

  • 前端

    12月26日

  • 网安

    12月27日

24小时报名热线

132 2811 3191

预约试学