获取自己想要的区间随机数
// 我们想要得到两个数字之间的随机整数并且包含着两个整数
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中存储。