react学习知识总结

1、React设计思想及其独特,属于革命性创新,性能出众,代码逻辑却非常简单。
库(library):小而巧,库只提供了特定的api。优点是船小好调头,可以很方便的从一个库切换到另外的库,但是代码几乎不会改变。
框架(Framework):大而全,框架提供了一整套的解决方案。所以,如果在项目中间,想切换到另外的框架是比较困难的。
2、React与Vue的对比
组件化方面
什么是模块化:是从代码的角度来进行分析的;把一些可复用的代码,抽离为单个的模块,便于项目的维护和开发。

什么是组件化:是用UI界面的角度来进行分析的;把一些可复用的UI元素,抽离为单独的组件,便于项目的维护和开发。

组件化的好处:随着项目规模的增大,手里的组件越来越多,很方便就可以把现有的组件,拼接成一个完整的页面。

Vue是如何实现组件化的:通过.vue文件,来创建对应的组件:
3、React中的核心概念
虚拟DOM
DOM本质是什么:浏览器中的概念,用JS对象来表示页面上的元素,并提供了操作DOM对象的api(浏览器提供的)
什么是React中的虚拟DOM:是框架中的概念,手动用JS对象来模拟页面上的DOM元素和DOM的嵌套关系(框架提供的)
为什么要实现虚拟DOM(虚拟DOM的目的):为了实现页面中,DOM元素的高效更新。
DOM树的概念: 一个网页呈现的过程: 1、浏览器请求服务器获取页面HTML代码 2、浏览器要先在内存中解析DOM结构,并在浏览器内存中,渲染出一颗DOM树 3、浏览器把DOM树,呈现到页面上
总结:什么是虚拟DOM?
本质:用JS对象的形式,来模拟页面上DOM元素和嵌套关系(虚拟DOM是以JS对象的形式存在的) 目的:实现DOM元素的高效更新

React需要学习的内容还有很多,需要继续进行深入研究思考

你可能感兴趣的:(react学习知识总结)