js

js因为变量提升特性，所以最常见的做法是用一个var申明函数内部用到的所有变量。

function foo() {    var        x = 1, // x初始化为1        y = x + 1, // y初始化为2        z, i; // z和i为undefined    // 其他语句:    for (i=0; i<100; i++) {        ...    }}

获取url里面的参数

        function getUrlParam(name) {            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");            var r = window.location.search.substr(1).match(reg);            if (r!=null) return (r[2]); return null;        }

获取cookie里面的键值

 function getCookie(cookie_name)    {        var allcookies = document.cookie;        var cookie_pos = allcookies.indexOf(cookie_name);   //索引的长度        var value = '';        // 如果找到了索引，就代表cookie存在，        // 反之，就说明不存在。        if (cookie_pos != -1)        {            // 把cookie_pos放在值的开始，只要给值加1即可。            cookie_pos += cookie_name.length + 1;      //这里容易出问题，所以请大家参考的时候自己好好研究一下            var cookie_end = allcookies.indexOf(";", cookie_pos);            if (cookie_end == -1)            {                cookie_end = allcookies.length;            }            value = unescape(allcookies.substring(cookie_pos, cookie_end));         //这里就可以得到你想要的cookie的值了。。。        }        return value;    }

点击触发复制命令

function copy(val){    var Url2=document.getElementById(val);    Url2.select(); // 选择对象    document.execCommand("Copy"); // 执行浏览器复制命令//提示复制结果    this.$toast({        message:'已复制好，可贴粘。',        duration:2000    });},

string indexof（str，index）

字符串的index参数表示从字符串的index索引开始查询str首次出现的位置，不写默认从首字母开始。

sort排序

倒序 1、arr.sort(function(v1,v2){         return v2 - v1;     });2、var arr = [10, 20, 1, 2];arr.sort(function (x, y) {    if (x < y) {        return 1;    }    if (x > y) {        return -1;    }    return 0;});3、arr.sort();   arr.reverse();复杂的数据结构排序 var arr1 = [{'name':'tom','age':20},{'name':'dada','age':10},{'name':'tt','age':30}];    arr1.sort(function(v1,v2){        return v2.age - v1.age;    });结果：[{'name':'tt','age':30},{'name':'tom','age':20},{'name':'dada','age':10}]

判断对象的某个属性是原型上面的

if((param in obj) && !obj.hasOwnProperty(param)){    //param在原型上面}param in obj  返回TRUE，表示param在obj对象上面（可能是自己的属性也可能是object对象的属性）                返回false，则param不在obj对象上obj.hasOwnProperty(param)，返回TRUE，表示param是obj自己定义的属性不是object对象上的属性                            返回false,表示param不是obj自己定义的属性

apply和call

apply虽然在一个独立的函数调用中，根据是否是strict模式，this指向undefined或window，不过，我们还是可以控制this的指向的！要指定函数的this指向哪个对象，可以用函数本身的apply方法，它接收两个参数，第一个参数就是需要绑定的this变量，第二个参数是Array，表示函数本身的参数。用apply修复getAge()调用：function getAge() {    var y = new Date().getFullYear();    return y - this.birth;}var xiaoming = {    name: '小明',    birth: 1990,    age: getAge};xiaoming.age(); // 25getAge.apply(xiaoming, []); // 25, this指向xiaoming, 参数为空另一个与apply()类似的方法是call()，唯一区别是：apply()把参数打包成Array再传入；call()把参数按顺序传入。比如调用Math.max(3, 5, 4)，分别用apply()和call()实现如下：Math.max.apply(null, [3, 5, 4]); // 5Math.max.call(null, 3, 5, 4); // 5对普通函数调用，我们通常把this绑定为null。封装请求，执行的成功或者失败的处理，可以使用callokCallBack ? okCallBack.call(null,res) : ''

高阶函数

编写高阶函数，就是让函数的参数能够接收别的函数。

function add(x, y, f) {    return f(x) + f(y);}add(-5, 6, Math.abs); // 11

数组的map、reduce、filter

map

arr.map(fun);作用于数组的每一个元素，返回美格尔经过fun处理过的元素组成的新数组。

reduce 将处理过的结果累加
reduce.map(fun);

filter，作用于数组的每一个元素，根据处理过的值是true还是false，决定保留还是丢弃该元素。
利用filter，可以巧妙地去除Array的重复元素：

arr.filter(function (element, index, self) {    return self.indexOf(element) === index;});

querySelector()和querySelectorAll()支持性

低版本的IE<8不支持querySelector和querySelectorAll。IE8仅有限支持。

阻止冒泡

1、return false;2、event.stopPropagation();3、trigger事件阻止冒泡,使用triggerHandler()