js cookei 日期转换随机ID 随机颜色数组位置打乱工作开发提升效率

最新推荐文章于 2021-08-31 14:13:43 发布

原创最新推荐文章于 2021-08-31 14:13:43 发布 · 319 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #Nuxt.js #Vue

JavaScript 同时被 2 个专栏收录

10 篇文章

订阅专栏

#常用工具

2 篇文章

订阅专栏

本文分享了一系列JavaScript实用技巧，包括数组与字符串操作、JSON转换、颜色与ID生成、日期格式化、cookie操作及常见功能函数实现，适用于前端开发者提升代码效率。

==============》常用JS API

1. 数组操作
split() //把字符串以特殊条件转完数组 (例如："a,b,c,1,4,d" split(',') => [a,b,c,1,4,d])
join() //把数组按照特定的格式转为 =》字符串和上面方法相反

2.字符串-json
JSON.stringify(Object） //json转为字符串
JSON.parse(String） //字符串转JSON
replace(/\s+/g,"") 去掉所有空格

==============》功能需求篇自定义封装函数
1.-----打乱数组 '贪心算法/洗牌算法'
arr = [1,2,3,4,5,6,7...]
newArr = arr.slice().sort( () => Math.random() - 0.5)

2.-----随机取色
var color = '#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6,'0');

3.-----生成随机数ID
var id = Math.random().toString(36).substring(2);

4、-----日期格式化
DateFormatDate(date){
this.year=date.getFullYear();
   this.month=date.getMonth()+1;
   this.day=date.getDate();
   this.hours=date.getHours();
   this.minute=date.getMinutes();
   this.second=date.getSeconds();
   this.week=date.getDay();
   return this.year+"年"+this.month+"月"+this.day+"日 "+this.hours+":"+this.minute+":"+this.second+" 星期"+this.week;
}
5、-----cookei 操作
cookieService = {
set:function(key,val,time){
let date= new Date(); //获取当前时间
let expiresDays= time*24*3600*1000; //将date设置为n天以后的时间
date.setTime(date.getTime()+expiresDays); //格式化为cookie识别的时间
document.cookie=key + "=" + escape(val) +";expires="+date.toUTCString(); //设置cookie
},
get:function(key){
/*获取cookie参数*/
let getCookie = document.cookie.replace(/[ ]/g,""); //获取cookie，并且将获得的cookie格式化，去掉空格字符
let arrCookie = getCookie.split(";"); //将获得的cookie以"分号"为标识将cookie保存到arrCookie的数组中
let tips; //声明变量tips
for(let i=0;i<arrCookie.length;i++){ //使用for循环查找cookie中的tips变量
let arr=arrCookie[i].split("="); //将单条cookie用"等号"为标识，将单条cookie保存为arr数组
if(key===arr[0]){ //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作
tips=arr[1]; //将cookie的值赋给变量tips
break; //终止for循环遍历
}
}
return unescape(tips);
}
};

6.-----判断字符串变量是否为空
function empty(taraget){
if(!target || typeof(target) !== 'string' ) return false;
return !(target.trim());
}
7.-----小数保留几位数
//会向上
1. toFiex(几位数)
//不四舍五入
1. Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77
2. Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/)) // 输出结果为 15.77,不能用于整数如 10 必须写为10.0000