React是一个简单的javascript UI库,用于构建高效、快速的用户界面。它使用虚拟DOM来有效地操作DOM。
(它遵循从高阶组件到低阶组件的单向数据流。它是一个轻量级库,因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效。)
var MyComponent = React.createClass({
render: function () {
if (this.props.first) {
return (
<div className="first">
<span>A Span</span>
</div>
);
} else {
return (
<div className="second">
<p>A Paragraph</p>
</div>
);
}
},
});
需要特别注意, render 执行的结果得到的不是真正的 DOM 节点,结果仅仅是轻量级的 JavaScript 对象, 我们称之为 virtual DOM。React负责维护 Virtual DOM以及对其进行diff运算,而React-dom 会把Virtual DOM渲染成浏览器中的真实DOM。
渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。
原理 mp.weixin.qq.com/s/MngOfrMjC… ******
react-router原理
哈希模式(hash)
历史模式(history)
SPA和SSR