js 中整理（一）

一、 冒泡与冒泡阻止

 

       var arr={5,0,-56,900,12,9000,-123};
       var  flag=false;
//大的排序次数（arr.length-1）
      for(var i=0; i<arr.length-1; i++){
            for(var j=0; j<arr.length-1-i;  j++){
                 if（arr[j] >arr[j+1]）{
                      //交换
                     var temp=arr[j];
                     arr[j]=arr[j+1];
                     arr[j+1]=temp;
                     flag=true;
              }
       }

      if (flag){
               flag=false;
       }else{
        break;
   }
}

　　每次都排出最末位最小的。

 

 

以上实现的是从大到小的排序

 

事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。

事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。

 

 

 

假设一个元素div，它有一个下级元素p。

<div>

　　<p>元素</p>

</div>

这两个元素都绑定了click事件，如果用户点击了p，它在div和p上都触发了click事件，那这两个事件处理程序哪个先执行呢？事件顺序是什么？

 

两种模型

以前，Netscape和Microsoft是不同的实现方式。

 

Netscape中，div先触发，这就叫做事件捕获。

 

Microsoft中，p先触发，这就叫做事件冒泡。

 

 

 

http://www.jb51.net/article/42492.htm

 

ele.addEventListener('click',doSomething2,true)

true=捕获

false=冒泡

 

 

 

 

 

http://www.360doc.com/content/14/0724/15/13883922_396743210.shtml

 

最佳的阻止冒泡的方法：

 

1、event.stopPropagation();阻止

2、event.target == event.currentTarget(); 

 

 比较：

  从事件传递上看：方法一在于取消事件冒泡，即当某些节点取消冒泡后，事件不会再传递；方法二在于不阻止冒泡，过滤需要处理的事件，事件处理后还会继续传递；

 

 

比较完善的方法：

    window.onload = function() {
        document.getElementById("body").addEventListener("click",eventPerformed);
    }
    function eventPerformed(event) {
        var target = event.target;
        switch (target.id) {
        case "span":
            alert("您好，我是span。");
            break;
        case "div1":
            alert("您好，我是第二层div。");
            break;
        case "div2":
             alert("您好，我是最外层div。");
            break;
        }
    }  

 

二、闭包

  闭包的几种写法：

1、通过prototype原型，给函数增加一个新的属性，从而调用函数内部的变量；（常见）

2、声明一个变量，将函数当作值赋给变量，然后返回出这个变量，从而实例化这个对象，然后进行调用；（常见）

3、new一个新的对象，然后给对象条件添加属性与方法；

4、var obj = {}就是声明一个空的对象；

 闭包的特点：

　　1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。

　　2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。

　　简单的说，Javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。

 

 

 

 

http://www.2cto.com/kf/201410/342609.html

 

 

三、跨域

跨域是浏览器的一种安全限制。存在跨域的几种情况：

1、基于同一父域的子域之间，如：a.c.com 和 b.c.com

2、基于不同的父域之前，如：www.a.com 和 www.b.com

3、端口的不同，如：www.a.com:8080 和www.a.com:8081

4、协议不同， 如：http://www.a.com 和 https://www.a.com

以上四种情况可以通过后台的proxy 来解决。

 

常见的方法：jsonp

1、动态创建script：
　 a、在发起方页面动态加载一个script，script的URL指向接收方的一个处理地址（后台），该地址返回的javascript方法会被执行，另外URL中可以传入一些参数，该方法只支持GET方式提交参数。
　 b、加载的script可以在调用跨域js方法后再做一些自己的处理 

 

 

 $.getJSON方法会自动判断是否跨域，不跨域的话，就调用普通的ajax方法；跨域的话，则会以异步加载js文件的形式来调用jsonp的回调函数。

 

 

http://www.jb51.net/article/31153.htm

 

 

四、ajax

  一般格式：

$.ajax({
                   url: "http://www.hzhuti.com",    //请求的url地址
                   dataType: "json",   //返回格式为json
                   async: true, //请求是否异步，默认为异步，这也是ajax重要特性
                   data: { "id": "value" },    //参数值
                  type: "GET",   //请求方式
                  beforeSend: function() {
                      //请求前的处理
                  },
                  success: function(req) {
                      //请求成功时处理
                  },
                  complete: function() {
                      //请求完成的处理
                  },
                  error: function() {
                      //请求出错处理
                  }
        });