【常用技巧】js开发的一些技巧
1、console.log的特殊用法:
添加%c特殊符号即可打印出样式
console.log("%c djsakiasjdkasjdkjas","font-size:60px;color:#999;font-weight:bold")
2、生成随机颜色
// 生成随机十六进制代码 如:'#c618b2''#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
3、本地时间
通过一堆HTML,您可以创建一个本地时间,其中包含您可以一口气读出的源代码,它每秒都会用当前时间更新页面。
// 创建本地时间 <body onload="setInterval(()=> document.body.innerHTML=new Date().toLocaleString().slice(10,19))"> </body>
4、setTimeout代替setinterval方案
//页面自动切换
var pageAuto = false;
if(pageAuto){
var $list = setTimeout(function(){
var $len = $(".card-list").length,
i = 0;
function logCount() {
console.log(i);
_card.gotoPage(i)
i = i+1;
if(i < $len){
setTimeout(logCount,5000);
}
}
logCount()
},500)
}
5、async await的作用
function abc(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{ resolve(sino) },3000) }) } async function test(){ let n =await abc() console.log(n) } test()
本文来自博客园,作者:JeckHui;
个人主页:前端实用站点推荐; 热榜资讯早读:热榜资讯-导航;
转载请注明原文链接:https://www.cnblogs.com/xiaohuizhang/p/12071424.html