课程咨询 :186 8716 1620      qq:2066486918

昆明Java培训 > 达内新闻 > React同构开发
  • React同构开发

    发布:昆明Java培训      来源:达内新闻      时间:2016-08-31

  • 昆明Java培训班的老师今天给大家讲React同构。

    所谓同构,简单的说就是客户端的代码可以在服务端运行,好处就是能极大的提升首屏时间,避免白屏,另外同构也给SEO提供了很多便利。

    React同构得益于React的虚拟DOM。虚拟DOM以对象树的形式保存在内存中,并存在前后端两种展现形式。

    在客户端上,虚拟DOM通过ReactDOM的render方法渲染到页面中,形成真实的dom。

    在服务端上,React提供了另外两个方法:ReactDOMServer.renderToString和ReactDOMServer.renderToStaticMarkup将虚拟DOM渲染为HTML字符串。

    在服务端通过ReactDOMServer.renderToString方法将虚拟DOM渲染为HTML字符串,到客户端时,React只需要做一些事件绑定等操作就可以了。

    在这一整套流程中,保证DOM结构的一致性是至关重要的一点。React通过data-react-checksum来检测一致性,即在服务端产生HTML字符串的时候会额外的计算一个data-react-checksum值,客户端会对这个值进行校验,如果与客户端计算的值一致,则React只会进行事件绑定,如果不一致,React会丢弃服务端返回的dom结构重新渲染。

    了解详情请登陆昆明达内Java培训官网(km.Java.tedu.cn)!

    推荐文章

上一篇:java调用netwebservice--soap

下一篇:服务端对ES6/7的支持

最新开班日期  |  更多

Java--零基础全日制班

Java--零基础全日制班

开班日期:12/29

Java--零基础业余班

Java--零基础业余班

开班日期:12/29

Java--周末提升班

Java--周末提升班

开班日期:12/29

Java--零基础周末班

Java--零基础周末班

开班日期:12/29

  • 网址:http://km .java.tedu.cn      地址:昆明市官渡区春城路62号证券大厦附楼6楼
  • 课程培训电话:186 8716 1620      qq:2066486918    全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56