2020/7/24 git ES6复习

git在使用的时候步骤

   1,选择文件夹鼠标右键进入，Git Bash Here

   2,git clone 仓库地址 HTTP和SSH(配置了密钥)都行 拉取远程仓库

   3,将需要添加的文件放到被git  管理的文件夹  git  add 文件名

   4,git  add a.js 之后  还要添加备注信息 git commit -m “添加备注”

   5,git push 将文件提交到服务器，可能需要重新输入账号密码

   6,拉取pull 用于更新代码  所以每天就是pull完push

 

 

 

ES6：

   1,promise

   2,generator

   3,async/await

 

promise:解决异步操作,结合同步异步的优点,同步的写法,本质还是异步

   同步-串行  :简单方便

   异步-并发 :性能高,用户体验更好

promise基本使用:

$.ajax()返回的就是promise对象，所以可以直接在$.ajax()后面加then

 

   const p = new Promise((resolve, reject) => {
        $.ajax({
            url: "",
            dataType: "json",
        })
    }).then(value => {
        console.log("成功");
    }, reason => {
        console.log("失败");
    })

Promise.all([p1,p2..])  

 

generato (生成器)函数 :能暂停，不像普通函数直接运行完

写法:

yield可以接收外面传递进来的参数 yield相当于把函数分为俩部分，再第二部分传值，a才能拿到

yield 可以返回数据给外面

第一个传出来的是上半部分的函数 gen1就是55  会默认return出来

下半部分没传出来 没return 的话  就是undefined  有的话gen2就是56

整个函数执行完了 done  就是true  没执行完就是false

 

yield 写法 (需要runner.js支持,问题挺多)

let data=yield $.ajax({..}); 

 

 

yield不怎么用   真正的家伙使用的是 async/await  写法与yield类似

 

await 只能解析Promise对象 所以在await后面跟定时器的时候，要用promise包装起来，不然会起到等待的效果

await等待promise返回的状态是resolve 然后继续执行下去,后面跟promise,generator,另外一个async函数等

后面是普通表达式就正常执行  包括定时器

 

 

async/await 基本用法:

上面为啥data就是$.ajax()返回的 数据呢,因为$.ajax()里面的success:function(res){} 能本.then(res=>{})成功回调取代 value 就是res，而这个data 就是拿到了value   所以data 就是resolve里面的value

 

async/await本身没有失败回调来报错，用try-catch

 

package.json 里面的配置文件的作用  根据配置文件，来用npm i 来恢复配置(i是install简写)

数据交互几种方式:

   1,表单    最基础的最简单的交互，整个页面都刷新

   2,ajax   最常见的靠谱的，局部页面，可以跨域

   3,jsonP  用来跨域，逐渐被取代  安全性太差

   4,WebSocket  除了这个上面三种交互到服务器都是表单，只是写法不一样

      比ajax性能高,

 

明天：复习网络通信，数据交互