昆明java培训
达内昆明广州春城路

18487146383

热门课程

React同构开发

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

昆明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 9——昆明达内

java集合-Iterator迭代

达内编程培训大神带你修炼技术!

AI初创企谷歌跑在前面了!达内java培训

选择城市和中心
贵州省

广西省

海南省