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

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

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

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

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

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

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

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

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

React 会在任意时间点在状态改变后高效的重绘整个用户界面，其对虚拟DOM diff 法保证了DOM的最小化重绘。在大多数情况下，React 对DOM的渲染效率可以满足我们需求。但少数情况下，我们需要更精细化的渲染来进一提高运行效率。本文介绍一些简单的优化方法，你可以在需要时参考使用。