React 组件会在虚拟DOM中完成渲染，并通过虚拟DOM来更新DOM在浏览器中的变化。React 对组件的渲染是由 JavaScript 的完成的，也就是说：只有 JavaScript 在浏览器加载完成后才会开始组件的渲染。这种DOM管理机制会存在一些问题，如：搜索引擎抓取不到站点内容、对站点性能造成一定的影响。React 虚拟DOM是DOM在内存中的表现形式，这为React 在浏览器环境中运行提供了可能。React 可以从虚拟DOM中生成一个字符串（而非更新真正的DOM），这使我们可以从客户端和服务端使用同一个组件。

React 本身只是一个视图（View），也就是MVC中的“V”。你可以很容易将React集成到你当前使用MVC框架中，也可以使用FactBook官方推出的Flux框架。Flux框架为React 提供一套单身的数据流（Data Flow）的模式，Flux为我们提供了组织代码和安排内部逻辑的方式，这样我们只需要写很少的代码就能实现想要的功能，使应用更加易于开发和维护。

在ES6之前，JavaScript中并没有在语言标准中提供模块定义规范，这对开发规模较大、较复杂的应用造成一定的影响。而在非语言层面，一些开源社区制定了模块定义规范，主要有CommonJS和AMD两种。在ES6中，定义了import和export两种语法声明，从而在语言面实现了模块功能。

BOM浏览器对象模型（Browser Object Model）BOM对象是在Web中使用JavaScript的核心，该对象提供了与浏览器交互相关对象结构。BOM由多个子对象组成，其核心为window对象，它是BOM的顶层对象，表示在浏览器环境中的一个全局的顶级对象，所有在浏览器环境中使用的对象都是window对象的子对象。

window对象是BOM的核心对象，在浏览器环境中，所有可以在全局访问的对象都是该对象的方法或属性。window对象是JavaScript对浏览器访问的一个接口，除做为Global对象外，还可以通过该对象对浏览器进行一定的操作。

window整个浏览器窗口，但是与其中包含的内容无关。当页同中使用框架时，每个框架都会有自己的window对象，这些框架的window对象会被存放在frames集合中，即：浏览器窗口对象的window.frames属性中，并可以通过下标或框架名进行索引。

Navigator对象提供了用户正在使用的用户代码（浏览器）的相关信息，可以通过window.navigator或直接使用navigator来引用该对象，它允许脚本查询并注册自己的一些活动信息。

History用户浏览历史记录对象，它提供了对浏览器会话历史操作的接口。即：在标签或框架中加载过的页面。可以通过window.history或直接使用history来引用该对象。

Screen窗口屏幕对象，Screen对象在JavaScript中并不太常用。Screen对象主要用于返回用户显示器屏幕的相关信息，如：像素的宽度、高度和色深等信息。

在window对象中有两个函数，分别用于超时调用（'setTimeout()'）和循环调用（'setInterval()'）指定的代码。JavaScript是单线程语言，这两个函数在单线程编程中非常有用，它们会在设置超时值与间歇值后在特定的时刻调用代码。