zsydgithub 2 سال پیش
والد
کامیت
298301e90d
4فایلهای تغییر یافته به همراه190 افزوده شده و 1 حذف شده
  1. 1 1
      9_es6/14_map.html
  2. 74 0
      9_es6/15_AJAX.html
  3. 87 0
      9_es6/16_Promise.html
  4. 28 0
      9_es6/17_Proxy.html

+ 1 - 1
9_es6/14_map.html

@@ -16,7 +16,7 @@
     a1.set('age',20)
     // a1.set(obj,'aaa')
     a1.set('name','lisi')
-    // console.log(a1)
+    // console.log(a1) 
 
     // console.log(a1.get('name'))
     // console.log(a1.get(obj))

+ 74 - 0
9_es6/15_AJAX.html

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <button id="btn">按钮</button>
+  <script>
+    var btn = document.getElementById('btn')
+    btn.onclick = function(){
+      /* 1、创建一个XMLHttpRequest */
+      var xhttp;
+      if(window.XMLHttpRequest){
+        xhttp = new XMLHttpRequest()
+      } else {
+        xhttp = new ActiveXObject('Microsoft.XMLHTTP')
+      }
+      /* 
+      2、向服务器发送请求
+      请求方式  get  post
+      url 服务器地址
+      同步或者异步
+      */
+      xhttp.open('GET',"http://admin.gxxmglzx.com/tender/test/get_type",true)
+      xhttp.send()
+      /* 3、服务器响应 */
+      xhttp.onreadystatechange = function(){
+        if(this.readyState == 4 && this.status == 200){
+          console.log(this.responseText)
+        }
+      }
+    }
+
+    /* 
+    0: 请求未初始化
+    1: 服务器连接已经建立
+    2: 请求已收到
+    3: 正在处理请求
+    4: 请求已完成且响应已经就绪
+    */
+
+
+    /* 
+      2XX 成功
+      200 OK,表示从客户端发来的请求在服务器端被正确处理
+      201 Created 请求已经被实现,⽽且有⼀个新的资源已经依据请求的需要⽽建⽴
+      202 Accepted 请求已接受,但是还没执⾏,不保证完成请求
+      204 No content,表示请求成功,但响应报⽂不含实体的主体部分
+      206 Partial Content,进⾏范围请求
+      3XX 重定向
+      301 moved permanently,永久性重定向,表示资源已被分配了新的 URL
+      302 found,临时性重定向,表示资源临时被分配了新的 URL
+      303 see other,表示资源存在着另⼀个 URL,应使⽤ GET ⽅法丁⾹获取资源
+      304 not modified,表示服务器允许访问资源,但因发⽣请求未满⾜条件的情况
+      307 temporary redirect,临时重定向,和302含义相同
+      4XX 客户端错误
+      400 bad request,请求报⽂存在语法错误
+      401 unauthorized,表示发送的请求需要有通过 HTTP 认证的认证信息
+      403 forbidden,表示对请求资源的访问被服务器拒绝
+      404 not found,表示在服务器上没有找到请求的资源
+      408 Request timeout, 客户端请求超时
+      409 Confict, 请求的资源可能引起冲突
+      5XX 服务器错误
+      500 internal sever error,表示服务器端在执⾏请求时发⽣了错误
+      501 Not Implemented 请求超出服务器能⼒范围,例如服务器不⽀持当前请求所需要的某个功能,或者请求是服务 器不⽀持的
+      503 service unavailable,表明服务器暂时处于超负载或正在停机维护,⽆法处理请求
+      505 http version not supported 服务器不⽀持,或者拒绝⽀持在请求中使⽤的 HTTP 版本
+    */
+  </script>
+</body>
+</html>

+ 87 - 0
9_es6/16_Promise.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    /* 
+    Promise  异步编程 解决方案
+    将异步的操作 用同步的流程表达出来
+    三种状态: pending   进行中
+              fulfilled  已成功
+              rejected  已失败
+    层层嵌套
+    */
+
+    // function fn() {
+    //   console.log(3)
+    //   setTimeout(() => {
+    //     console.log(1)
+    //     setTimeout(() => {
+    //       console.log(2)
+    //     }, 500)
+    //   }, 1000)
+    // }
+    // fn()
+
+
+    // new Promise ((resolve,reject)=>{
+    //   /* 成功调用 resolve  失败调用reject */
+    //   setTimeout(()=>{
+    //     console.log(4)
+    //     reject()
+    //   },1000)
+    // }).then(()=>{
+    //   console.log('1')
+    // },()=>{
+    //   console.log('失败')
+    // })
+
+
+    let p1 = new Promise((resolve,reject)=>{
+      setTimeout(()=>{
+        console.log(1)
+        resolve()
+      },1000)
+      // console.log(1)
+      // reject()
+    })
+    let p2 = new Promise((resolve,reject)=>{
+      setTimeout(()=>{
+        console.log(2)
+        reject()
+      },1500)
+      // console.log(2)
+      // resolve()
+    })
+    let p3 = new Promise((resolve,reject)=>{
+      setTimeout(()=>{
+        console.log(3)
+        reject()
+      },300)
+      // console.log(3)
+      // resolve()
+    })
+    // Promise.all([p1,p2,p3]).then(()=>{
+    //   console.log('ok')
+    // }).catch(()=>{
+    //   console.log('失败')
+    // })
+
+    Promise.race([p1,p2,p3]).then(()=>{
+      console.log('ok')
+    }).catch(()=>{
+      console.log('失败')
+    })
+    /* Promise.all()   返回一个Promise实例
+    Promise.race() */
+  </script>
+</body>
+
+</html>

+ 28 - 0
9_es6/17_Proxy.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    var obj = {
+      name:'zs'
+    }
+    var a = new Proxy(obj,{
+      get(target,key,property){
+        /* 原对象  当前值   代理对象 */
+        console.log(target,key,property)
+      },
+      set(target,key,value){
+        console.log(target,key,value)
+        return target[key] = value
+      }
+    })
+    a.name = 'lisi'
+    console.log(a.name)
+  </script>
+</body>
+</html>