1 년 전 · b9ab90ace0
--- a/10_es6/6_rest.html
+++ b/10_es6/6_rest.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>
			
 
				+    /* rest  剩余的 用在函数的参数里面 */
			
 
				+    // function fn(a,b,...rest){
			
 
				+    //   // console.log(a,b,...rest)
			
 
				+    //   console.log(a)
			
 
				+    //   console.log(b)
			
 
				+    //   console.log(...rest)
			
 
				+    // }
			
 
				+
			
 
				+    // fn(1,2,3,4,5,6,7)
			
 
				+
			
 
				+
			
 
				+    function fn(){
			
 
				+      console.log(arguments) /* 取到所有剩余的参数 */
			
 
				+    }
			
 
				+    fn(1,2,3,4,5)
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/10_es6/7_箭头函数.html
+++ b/10_es6/7_箭头函数.html
@@ -0,0 +1,85 @@
 
				+<!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>
			
 
				+  <ul>
			
 
				+    <li>1</li>
			
 
				+    <li>2</li>
			
 
				+    <li>3</li>
			
 
				+  </ul>
			
 
				+  <script>
			
 
				+    /* 
			
 
				+      箭头函数和普通函数的区别:
			
 
				+      1.普通函数调用this  ->  window
			
 
				+      2.箭头函数 指向声明时的this  (父作用域)  
			
 
				+        箭头函数内部使用的this值是定义时所在作用域的this值
			
 
				+      3.箭头函数 不能new
			
 
				+      4.箭头函数 可以用rest  但是不能用arguments
			
 
				+      5.箭头函数 不用return  表达式的结果 会自动作为返回值返回
			
 
				+    */
			
 
				+    /* !-- function fn() {
			
 
				+
			
 
				+    }  */
			
 
				+
			
 
				+
			
 
				+    // var fn = () => {
			
 
				+    //   console.log(111)
			
 
				+    // }
			
 
				+    // fn()
			
 
				+
			
 
				+    // var aLi = document.getElementsByTagName('li')
			
 
				+    // for (var i = 0; i < aLi.length; i++) {
			
 
				+    //   aLi[i].onclick = function () {
			
 
				+    //     // setTimeout(function(){
			
 
				+    //     //   console.log(this)
			
 
				+    //     // }.bind(this),1000)
			
 
				+
			
 
				+    //     setTimeout(() => {
			
 
				+    //       console.log(this)
			
 
				+    //     }, 1000)
			
 
				+    //   }
			
 
				+    // }
			
 
				+
			
 
				+    /* var person = {
			
 
				+      name: 'zs',
			
 
				+      age: 18,
			
 
				+      eat: function(){
			
 
				+        // console.log(this)
			
 
				+        setTimeout(function(){
			
 
				+          console.log(this)
			
 
				+        }.bind(this),1000)
			
 
				+        // setTimeout(()=>{
			
 
				+        //   console.log(this)
			
 
				+        // },1000)
			
 
				+      }
			
 
				+    }
			
 
				+    person.eat() */
			
 
				+
			
 
				+
			
 
				+    /* 构造函数  new
			
 
				+    箭头函数 不能作为构造函数  不能去new
			
 
				+    */
			
 
				+
			
 
				+    /* var Person = (name)=>{
			
 
				+      this.name = name
			
 
				+    }
			
 
				+    var p1 = new Person('zs')
			
 
				+    console.log(p1) */
			
 
				+
			
 
				+
			
 
				+    const fn = ()=>{
			
 
				+      // console.log(a,...rest)
			
 
				+      console.log(arguments)
			
 
				+    }
			
 
				+    fn(1,2,3)
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/10_es6/8_数组新增方法.html
+++ b/10_es6/8_数组新增方法.html
@@ -0,0 +1,91 @@
 
				+<!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>
			
 
				+  <ul>
			
 
				+    <li>1</li>
			
 
				+    <li>2</li>
			
 
				+    <li>3</li>
			
 
				+  </ul>
			
 
				+  <script>
			
 
				+    var arr = [1,2,3,4]
			
 
				+    // for(var i=0;i<arr.length;i++){
			
 
				+    //   console.log(arr[i])
			
 
				+    // }
			
 
				+    /* forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。 */
			
 
				+    /* arr.forEach((ele,index)=>{
			
 
				+      console.log(ele,index)
			
 
				+    }) */
			
 
				+    /* filter 过滤 过滤出符合条件的 */
			
 
				+    /* var arr2 = arr.filter((ele)=>{
			
 
				+      return ele > 2
			
 
				+    })
			
 
				+    console.log(arr2) */
			
 
				+
			
 
				+    /* var arr3 = [{
			
 
				+      name:'zs',
			
 
				+      age:18
			
 
				+    },{
			
 
				+      name:'lisi',
			
 
				+      age:20
			
 
				+    },{
			
 
				+      name:'ww',
			
 
				+      age:30
			
 
				+    }]
			
 
				+    var arr4 = arr3.filter((ele)=>{
			
 
				+      return ele.age > 19
			
 
				+    })
			
 
				+    console.log(arr4) */
			
 
				+
			
 
				+    /* map  映射出一个新数组 通过指定函数处理数组中的每个元素  返回处理后的数组 */
			
 
				+    /* var arr5 = arr.map((ele)=>{
			
 
				+      return ele * 2 + 3
			
 
				+    })
			
 
				+    console.log(arr5)
			
 
				+    console.log(arr) */
			
 
				+
			
 
				+    /* some  检测数组当中的元素是否有符合指定条件的  */
			
 
				+    var age = [3,12,18,20,22]
			
 
				+    /* var age1 = age.some((ele)=>{
			
 
				+      return ele >= 23
			
 
				+    })
			
 
				+    console.log(age1) */
			
 
				+
			
 
				+    /* evey  检测数组当中的所有元素是否都符合指定条件 */
			
 
				+    /* var age2 = age.every((ele)=>{
			
 
				+      return ele >= 3
			
 
				+    })
			
 
				+    console.log(age2) */
			
 
				+
			
 
				+    /* ruduce  将数组内的元素计算为一个值 从左到右 */
			
 
				+    var num = [88,44,22,18,33]
			
 
				+    /* var nums = num.reduce((total,num)=>{
			
 
				+      return total + num
			
 
				+    })
			
 
				+    console.log(nums) */
			
 
				+    /* find 在数组内找到第一个满足条件的元素 */
			
 
				+    /* var num1 = num.find((ele)=>{
			
 
				+      return ele < 23
			
 
				+    })
			
 
				+    console.log(num1) */
			
 
				+    var aLi = document.getElementsByTagName('li')
			
 
				+    console.log(aLi)
			
 
				+    /* var a = [...aLi]
			
 
				+    console.log(a) */
			
 
				+
			
 
				+    var a = Array.from(aLi)
			
 
				+    console.log(a)
			
 
				+
			
 
				+    /* 
			
 
				+    类数组 转化为数组
			
 
				+    1.扩展运算符
			
 
				+    2.Array.from()
			
 
				+    */
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/6_Dom/21_类.html
+++ b/6_Dom/21_类.html
@@ -12,7 +12,7 @@
 
				       属性  写在构造函数下
			
 
				       方法  写在原型对象下
			
 
				     */
			
 
				-    //构造函数
			
 
				+    //构造函数  
			
 
				     function person(name,age){
			
 
				       this.name = name
			
 
				       this.age = age