react原理之我见
2018-02-02 本文已影响26人
兔子不打地鼠打代码
react就是通过 定位+调函数,来实现 JS 操纵 DOM,从而成功渲染出页面。
react 的精髓就在于组件化,将DOM代码组件化抽象化,使文档结构更加明显,也避免了css的全局污染,利于调用和维护;
同时还有一个好处——数据分离,将url这类可能变化的参数抽出来,以this.props的形式,在调用的时候进行传参。
react 实现渲染页面,是以树状结构的单根模式进行的,所有在app.js
文件里的组件,都将同一渲染到index.html
中,此时index.html
好比是一张画布,不同的组件由大到小,从下至上,层层相叠,