update

TYRMars · TYRMars · commit fb7a1f84aa35 · 2017-08-14T00:34:00.000+08:00
diff --git a/Example/array.html b/Example/array.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>排序问题</title>
+  </head>
+  <body>
+    <script type="text/javascript">
+      var arr = [1,5,2,7,4,3]
+    </script>
+  </body>
+</html>
diff --git a/Example/bibao.js b/Example/bibao.js
@@ -0,0 +1,41 @@
+//函数作为返回值
+function F1() {
+  var a = 100;
+  return function () {
+    console.log(a); //自由变量 回去父作用域寻找
+  }
+}
+var f1 = F1();
+var a = 200;
+f1() // 100
+
+//2.函数作为参数来传递
+function F1() {
+  var a = 100;
+  return function () {
+    console.log(a); // 自由变量，父作用域寻找
+  }
+}
+
+var f1 = F1();
+
+function F2(fn) {
+  var a = 200;
+  fn();
+}
+
+F2(f1);
+
+//从以上可以看出闭包应用的时候可以收敛作用域
+//实际应用中使用闭包封装变量，收敛权限
+function isFirstLoad() {
+  var _list = [];
+  return function (id) {
+    if (_list.indexOf(id) >= 0) {
+      return false;
+    }else {
+      _list.push(id);
+      return true;
+    }
+  }
+}
diff --git a/Example/opp.html b/Example/opp.html
@@ -46,6 +46,7 @@
     var s2 = new Child2();
     console.log(s1.play,s2.play);
     s1.play.push(4);
+
     //组合方式
     function Parent3() {
       this.name = 'Parent3';
@@ -55,6 +56,7 @@
       Parent3.call(this);
       this.type = 'Child3';
     }
+    
     //子类化原型链 执行了两次实例化
     Child3.prototype = new Parent3();
     var s3 = new Child3();
diff --git a/Example/yxl.js b/Example/yxl.js
@@ -0,0 +1,36 @@
+function Elem(id) {
+  this.elem =document.getElementById(id);
+}
+
+//获取html原型
+Elem.prototype.html = function (val) {
+  var elem = this.elem;
+  if (val) {
+    elem.innerHTML = val;
+    return this //链式操作 后部可以继续操作，因为对象还是通过id
+  }else {
+    return elem.innerHTML;
+  }
+}
+
+Elem.prototype.on = function (type,fn,bool) {
+  var elem = this.elem;
+  elem.addEventListener(type,fn,bool);
+}
+
+var div1 = new Elem('div1');
+
+console.log(div1.html());
+
+var i,a;
+for (var i = 0; i < 10; i++) {
+  (function (i) {
+    var a = document.createElement('a');
+    a.innerHTML = i + '<br>';
+    a.addEventListener('click',function (e) {
+      e.preventDefault();
+      alert(i);
+    })
+    document.body.appendChild(a);
+  })(i)
+}
diff --git a/Example/事件代理.html b/Example/事件代理.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>事件委托</title>
+  </head>
+  <body>
+    <ul id="ul">
+      <li data-type="1"></li>
+      <li data-type="2"></li>
+      <li data-type="3"></li>
+      <li data-type="4"></li>
+      <li data-type="5"></li>
+    </ul>
+  </body>
+  <script type="text/javascript">
+  document.getElementById("ul").addEventListener("click",function (e) {
+    // e.target是被点击元素
+    if(e.target && e.target.nodeName == "LI"){
+      //找到目标，输出ID！
+      console.log(e.target.getAttribute('data-type'));
+    }
+  })
+  </script>
+</html>
diff --git a/Example/自定义事件.html b/Example/自定义事件.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>自定义事件</title>
+  </head>
+  <body>
+    <li id="ev"></li>
+    <script type="text/javascript">
+    var ev = document.getElementById('ev');
+      var eve = new Event('custome');
+      ev.addEventListener('custome',function () {
+        console.log('custome');
+      });
+      ev.dispatchEvent(eve);
+    </script>
+  </body>
+</html>
diff --git a/README.md b/README.md
@@ -1954,6 +1954,9 @@ function insertionSort() {
  }
 ```
 
+## 
+### JS性能优化
+*
 ---
 
 ### JSDemo JS小程序

Original file line number	Diff line number	Diff line change
`@@ -1954,6 +1954,9 @@ function insertionSort() {`
`1954`	`1954`	`}`
`1955`	`1955`	```
`1956`	`1956`
	`1957`	`+##`
	`1958`	`+### JS性能优化`
	`1959`	`+*`
`1957`	`1960`	`---`
`1958`	`1961`
`1959`	`1962`	`### JSDemo JS小程序`