千锋青岛校区html5培训又是一周过去了,不知不觉间第三阶段已经学习了一个月,这个月里每天都在学习新知识,有时候觉着着实有点缓不过气,特别是做的react项目来看,完成期间遇到了好多问题,项目实战真的是检验我们学习成果好的方式。
react作为一个框架,在做项目期间体会到了它的三个应用特点。
是组件化开发,组件的可复用性提高了效率,让页面的结构加清晰,也少写了不少重复性的代码。
第二是它的渲染能力,通过虚拟DOM来操纵节点,React会在内存中维护一个虚拟DOM树,当我们对这个树进行读或写的时候,实际上是对虚拟DOM进行的。当数据变化时,然后React会自动新虚拟DOM,然后拿新的虚拟DOM和旧的虚拟DOM进行对比,找到有变的部分,得出一个Patch,然后将这个Patch放到一个队列里,终批量新这些Patch到DOM中。当然缺陷也是非常明显的,首次渲染大量DOM时因为多了一层虚拟DOM的计算,会比innerHTML插入方式慢,所以使用时尽量不要一次性渲染大量DOM。
第三个体会比较深入的就是他的数据管理react-redux了。store作为一个管理数据的仓库,存储着页面中的state的一系列数据,页面中state通过connect与页面连接。页面组件想要新页面,则发送一个请求给action的生成器actioncreater,actioncreator与服务器进行交互,获取所需要新的数据,然后派发该action给store中的reducer,reducer接收请求,新state数据,state新,页面新挺简洁的。
相关文章
了解千锋动态
关注千锋教育服务号
扫码匿名提建议
直达CEO信箱