牛客前端大挑战1-12

1.修改this指向

描述

封装函数f,使f的this指向特定的对象

function bindThis(f,oTarget){
	return f.bind(oTarget);
}

小注

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

2.获取url参数

描述

获取 url 中的参数

1. 指定参数名称，返回该参数的值 或者 空字符串
2. 不指定参数名称，返回全部的参数对象 或者 {}
3. 如果存在多个同名参数，则返回数组
4. 不支持URLSearchParams方法

示例

输入：http://www.nowcoder.com?key=1&key=2&key=3&test=4#hehe key
输出：[1, 2, 3]

方法一 使用字符串分割相关方法

function getUrlParam(sUrl, sKey) {
    //方法一
    var result={}
    //判断有无？
    //indexOf方法，可以返回某个指定字符串值在字符中首次出现的位置，如果没有找到，返回-1
    if(sUrl.indexOf('?')<0){
        return result
    }
    //如果找到了？
    //slpit方法，用于将一个字符串分割成字符串数组
    right=sUrl.lastIndexOf('#')
    //slice方法，从已有的数组中返回选定的元素
    sUrl=sUrl.slice(0,right)
    sUrl=sUrl.split('?')
    sUrl=sUrl[1].split('&')

    // console.log(sUrl) //["key=1", "key=2", "key=3", "test=4"]
    
    for(var i in sUrl){
        var current=sUrl[i].split('=')
        // console.log(current) //["key", "1"]  ["key","2"]
        var key=current[0]
        if(result[key]){
            result[key]=[].concat(result[key],current[1])
        }
        else{
            result[key]=current[1] //{"key":["1","2","3"],"test":["4","2"]}
        }
    }
    if(sKey){
        return result[sKey] || ''
    }
    else{
        return result
    }
}

方法二 使用正则表达式

方法三 考虑使用URLSearchParams方法

3.dom节点查找

描述

查找两个节点的最近的一个共同父节点，可以包括节点自身
输入描述：
oNode1 和 oNode2 在同一文档中，且不会为相同的节点

function commonParentNode(oNode1, oNode2) {
    for(;;oNode1=oNode1.parentNode){
        if(oNode1.contains(oNode2)){
            return oNode1
        }
    }
}

4.根据包名，在指定空间中创建对象

5.数组去重

6.斐波那契数列

7.时间格式化输出

8.获取字符串的长度

9.邮箱字符串判断

10.rgb颜色字符串转化为16进制形式

方法一，replace方法

方法二 match方法

11.将字符串转换为驼峰命名格式

方法一：使用正则表达式

方法二 使用splice方法

12.字符串字符统计