虚拟DOM+axios+fetch+深入式响应原理

虚拟DOM

1. VDOM的渲染流程
   • diff算法
     • 这个算法来源于后端，它的作用就是比较两个文件，然后将两个文件中的不同之处挑选出来
   • 将挑选出来的内容，形成补丁对象
   • render 方法【渲染函数】
     • 将vdom渲染为真实的dom
     • json xml text javascript + xml 结合生成了一种新的语法糖： JSX
     • 我们使用jsx结构模拟vdom,但是vdom是对象模型，我们必须将jsx 转换 vdom对象模型
     • 渲染页面【真实dom生成】
   • 基本流程
     • 数据获取
     • 创建VDOM
     • 渲染dom【render】
     • 数据改变
     • 重新生产vdom【render】
     • 通过diff算法进行两个vdom的比较，将不同之处挑选出来，形成一个patch对象【补丁对象】，再去重新渲染页面

axios

1. 验证–axio它底层封装的类似Promise

2. axios的使用方式

   1. 静态请求【模拟数据】

      // 获取静态数据
      console.log( axios(options) )
      console.log( axios({}) ) // Promise
      
      axios({
            url: './mock/data/movie.json',
            method: 'GET'
          }).then( res => console.log( res ))
            .catch( error =>