Refs and the DOM

典型的React数据流中，父组件通过props与子组件通信。但有时父组件需要在这个数据流之外与子组件通信，可能是修改子组件实例或者DOM。refs属性提供了这样的途径。比如以下场景：

Controlled Components
Uncontrolled Components

ReactDOM

概括

react-dom包，提供了与DOM相关的一些方法。

Github Change Log

记录新功能、旧功能迁移、功能废弃相关内容，不记录bugfix、警告等小更新。

打发黄油

kitchenstories 台式搅拌器打发黄油

水平居中

See the Pen mRdeaG by lizijie (@lizijie1993) on CodePen.

背景

1. 当前浏览器对es6的支持不一致，且部分功能浏览器还未支持（如Module相关），因此需要引入babel转码器，转换为es5语法;

2. fisp默认支持的前端模版bdtmpl，由于严格模式下，eval语句有其自己的作用域，因此使用babel转换的文件会出现错误，因此需要使用新的前端模板替换。错误如下：

本人没有学过面向对象的语言，对于模块化开发，也是基于对前端项目制作时的经验、阅读其他人的文章以及对javascript学习的，因此本文仅为记录本人目前所感受到的问题，如有错误，恳请指正。

什么是模块化

在Ajax学习笔记中，已经了解了Ajax跨浏览器的解决方案，以及其基本流程。在此，对zepto.js库中的Ajax模块进行初步了解，源码可以到官网下载。

什么是Ajax

从字面意义来说，Ajax（Asynchronous JavaScript and XML）为异步的 JavaScript 和 XML。它并不是一种新的编程语言，而是利用现有标准，无阻塞地与服务器进行数据交换的方法。