超好用的三个自定义函数,快拿小本本记下来

获取自己想要的区间随机数

		// 我们想要得到两个数字之间的随机整数并且包含着两个整数
        function getRandom(min,max){
            return Math.floor(Math.random() * (max - min + 1)) + min
        }
        getRandom(10,20);

这个函数的关键点运用到js的内置对象Math中的Math.floor向下取整和Math.random获取一个0 ~ 1之间的随机数这两个方法。我们只需要将获取到的0 ~ 1之间的随机数*我们想要获得的数字的倍数即可。
运用这个自定义函数我们就可以很简单的写出随机点名器或者获得一个css中color属性的随机六位属性值,便可以随机改变HTML网页中元素的颜色。

驼峰命名法

		// 给字符串改成驼峰命名法 background-color 大驼峰命名法:首字母大写 BackgroundColor   小驼峰命名法:从第二个单词大写 backgroundColor
		function toHump(str){
            return str.replace(/-(\w)/g,function(){
                return arguments[1].toUpperCase()
            })
        }
        var str1 = "background-color-top-left-raduis"
        var str2 = toHump(str1);
        console.log(str2)//打印backgroundColorTopLeftRaduis

这个函数是将字符串修改为小驼峰命名的方式,小驼峰命名法在JavaScript的DOM元素中会用到特别多,以及要在元素节点上修改元素的样式是,要修改的样式属性就必须为小驼峰命名法。

截取URL中的kv对转换为对象形式储存

		var url = "http://www.baidu.com?key0=value0&key1=value1&key2=value3";
        function parseQueryString(url){
            var params = {};
            var arr = url.split("?")
            if(arr.length <= 1){
                return params;
            }
            arr = arr[1].split("&")
            // console.log(arr)
            for(var i = 0;i < arr.length ;i++){
                var a = arr[i].split("=") //[key0,value0]  [key1,value1]
                params[a[0]] = a[1]
            }
            return params;
        }
        var obj = parseQueryString(url)
        console.log(obj);//打印{key0: "value0", key1: "value1", key2: "value3"}

这个函数的原理就是将一组字符串截取其中自己需要的东西,然后添加到Object中存储。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值