• 【常用技巧】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()
     
  • 相关阅读:
    03-树2 List Leaves (25 分)
    03-树1 树的同构 (25 分)
    12宏
    11.代码测试、维护
    10代码编辑、编译、审查
    9.质量保证
    02-线性结构4 Pop Sequence (25 分)
    8程序效率
    7可测性
    Linux-文件权限管理
  • 原文地址:https://www.cnblogs.com/xiaohuizhang/p/12071424.html
Copyright © 2020-2023  润新知