第四周Vue笔记

前后端交互模式

  接口调用方式：原生ajax，基于JQuery的ajax（DOM操作）fetch，axios

  URL地址格式：schema：//host：port/path？query#fragment

     1.schema：协议，例如http，https，ftp等

     2.host域名或者IP地址

     3.port：端口，http默认端口80，可以省略

     4.path：路径例如/abc/a/b/c→区分可用资源

     5.query：查询参数 例如uname = lisi&age =  12

     6.fragment：锚点（哈希hash）用于定位页面的某个位置

    

    Restful形式的URL

       HTTP请求方式：GET查询 POST添加 PUT修改 DELETE删除

        

   异步调用 ：

       异步效果分析：定时任务，Ajax 事件函数

       多次异步调用的依赖分析：

          多次异步调用的结果顺序不确定

          异步调用结果如果存在依赖需要嵌套

Promise概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从它可以获取异步操作的消息

好处：可以避免多层异步调用嵌套问题（回调地狱）  Promise对象提供了简洁的API，使得控制异步操作更加容易

Promise的基本用法：实例化Promise对象，构造函数中传递函数，该函数中用于处理异步任务  resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果

   

then参数中的函数返回值

  1.返回Promise实例对象（返回该实例对象会调用下一个then）

  2.返回普通值（返回的普通值会直接传递给下一个then，通过then参数中函数的参数接收该值）

Promise中常用的API

  1.实例方法

    p.then（）得到异步任务的正确结果

    p.catch（）获取异常信息

    p.finally（）成功与否都会执行（尚且不是正式标准）

  2.对象方法

    promise.all（）并发处理多个异步任务，所有任务都执行完成才能得到结果

    promise.race（）并发处理多个异步任务，只要有一个任务完成就能得到结果