홈 탐색 도움말
로그인
lovecoding
/
W260426
8
0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
소스 검색

admin

fengchuanyu 4 일 전
부모
040ddbf993
커밋
9993644ff9
6개의 변경된 파일과 84개의 추가작업 그리고 10개의 파일을 삭제
분할 보기 변경상태 보기
  1. 1 0
      8_ES6/15_symbol.html
  2. 3 3
      8_ES6/1_新的变量定义方式.html
  3. 22 0
      8_ES6/26_同步异步.html
  4. 50 0
      8_ES6/27_ajax.html
  5. 1 0
      8_ES6/2_变量提升.html
  6. 7 7
      8_ES6/6_变量类型.html

+ 1 - 0
8_ES6/15_symbol.html
파일 보기 

@@ -26,6 +26,7 @@
 
         // console.log(obj);
 
         // console.log(obj[sym]);
 
 
+        // 遍历对象属性 如果是symbol类型,则不会遍历到
 
         for(let key in obj){
 
             console.log(key);
 
         }

+ 3 - 3
8_ES6/1_新的变量定义方式.html
파일 보기 

@@ -23,7 +23,7 @@
 
         // let num2 = 10;
 
         // let num2 = 20; 
 
-        // var 定义变量相当于放置到window对象上
 
+        // var 定义变量相当于放置到window对象上（全局变量）
 
         // var num3 = 10;
 
         // console.log(window.num3); // 10
 
 
@@ -39,8 +39,8 @@
 
         // num5 = "hello";
 
         // console.log(num5); // hello
 
 
-        const num6 = 20;
 
-        num6 = "world"; // 报错  
+        // const num6 = 20;
 
+        // num6 = "world"; // 报错  
     </script>
 
 </body>

+ 22 - 0
8_ES6/26_同步异步.html
파일 보기 

@@ -0,0 +1,22 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <script>
 
+        // js中分为同步任务和异步任务
 
+        // 同步任务：在主线程中执行的任务，会按照顺序依次执行
 
+        // 异步任务：不会立即执行，放到事件（任务）队列中等待执行 ，等主线程执行完后，再执行异步任务
 
+
 
+        // 异步操作
 
+        setTimeout(() => {
 
+            console.log("异步操作");
 
+        }, 0);
 
+        // 同步操作
 
+        console.log("同步操作");
 
+    </script>
 
+</body>
 
+</html>

+ 50 - 0
8_ES6/27_ajax.html
파일 보기 

@@ -0,0 +1,50 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+
 
+<body>
 
+    <script>
 
+        // ajax 基本原理
 
+        // 第一步：创建一个对象实例
 
+        let xhr = new XMLHttpRequest();
 
+        // 第二步：打开连接
 
+        // 第一个参数：请求方法（GET、POST）
 
+        // 第二个参数：请求路径（/api/getData）
 
+        // 第三个参数：是否异步（true） true 表示异步请求，false 表示同步请求
 
+        xhr.open("GET", "https://api.thecatapi.com/v1/images/search");
 
+        // 第三步：发送请求
 
+        xhr.send();
 
+        // 第四步：接收响应
 
+        xhr.onreadystatechange = function () {
 
+            // onreadystatechange 事件：请求状态改变时触发
 
+            // readyState 属性：请求状态码，0-4 之间的整数
 
+            // 状态码：0-4
 
+            // 0：请求未初始化
 
+            // 1：服务器连接已建立
 
+            // 2：请求已接收
 
+            // 3：请求处理中
 
+            // 4：请求已完成
 
+            if (xhr.readyState === 4) {
 
+                // 请求已完成
 
+                // 判断请求是否成功 status
 
+                if (xhr.status === 200) {
 
+                    // 请求成功
 
+                    // 响应体：服务器返回的数据 responseText
 
+                    console.log(xhr.responseText);
 
+                    // 解析响应体
 
+                    let data = JSON.parse(xhr.responseText);
 
+                    console.log(data);
 
+                }
 
+            }
 
+        }
 
+
 
+
 
+    </script>
 
+</body>
 
+
 
+</html>

+ 1 - 0
8_ES6/2_变量提升.html
파일 보기 

@@ -62,6 +62,7 @@
 
         // }
 
         // fun();
 
         
+        // let、 const 定义的变量不会出现变量提升现象 所以一定要先定义后使用
 
         console.log(a);
 
         let a = 10;

+ 7 - 7
8_ES6/6_变量类型.html
파일 보기 

@@ -24,13 +24,13 @@
 
 
         var arr1 = [1,2,3];
 
 
-        var arr2 = [];
 
-        arr2[0] = arr1[0];
 
-        arr2[1] = arr1[1];
 
-        arr2[2] = arr1[2];
 
-        // var arr2 = arr1;
 
-        // arr1.push(4);
 
-        // console.log(arr2)
 
+        // var arr2 = [];
 
+        // arr2[0] = arr1[0];
 
+        // arr2[1] = arr1[1];
 
+        // arr2[2] = arr1[2];
 
+        var arr2 = arr1;
 
+        arr1.push(4);
 
+        console.log(arr2)
 
 
 
     </script>