React+Vue

1. Vue双向绑定原理

3.0还没用到项目里

ES5: Object.defineProperty

双向绑定之后具体怎么更新DOM？？？

2. MVC和MVVM的区别

Vue(MVVM）数据更改视图也更改

React(MVC) onChange加在元素上也可以实现双向绑定（MVVM）

3 浏览器跨域

http://sports.qq.com:80

协议域名端口

http默认端口 80

https默认端口 443

ftp默认端口 21

4. React原理

在原生的 JavaScript程序中，我们直接对 DOM进行创建和更改，而 DOM元素通过我们监听的事件和我们的应用程序进行通讯。
而 React会先将你的代码转换成一个 JavaScript对象，然后这个 JavaScript对象再转换成真实 DOM。这个 JavaScript对象就是所谓的虚拟 DOM。
当我们需要创建或更新元素时， React首先会让这个 VitrualDom对象进行创建和更改，然后再将 VitrualDom对象渲染成真实DOM。
当我们需要对 DOM进行事件监听时，首先对 VitrualDom进行事件监听， VitrualDom会代理原生的 DOM事件从而做出响应。

createElement有返回值是js对象，如下

然后render把js对象转化成真实的DOM节点

React是由 React元素和 React组件

- 首字母小写，凡是首字母小写的都会被认为是React元素

React组件封装方式1 通过函数声明

React组件封装方式2 通过类声明

挂载：React元素转化成DOM元素并插入到容器内部

状态可以用来存放组件内部的变化的值

受控组件，受状态控制

class Input extends React.Component {
     constructor(){
       super();
       this.state = {val: ''};
     }
     handleChange = (event) => {
       let val = event.target.value;
       this.state({val})
     }
     render () {
         return (
            <div>
              <p>{this.state.val}</p>
              <input onChange={this.handleChange} type="text" val={this.state.val}/>
            </div>
        )
    }
}
render(<Input/>,window.app);