Gist

一些常用代码块

Debug log

浏览器环境专用，用于在控制台输出内容，便于监控某个对象的变化情况

使用了 groupCollapsed 默认收起内容，且有 track 堆栈信息

function debug(payload, desc = '[Description]') {
    console.groupCollapsed(`%c${desc}`, 'padding: 3px 10px;color: #FFF; background: #852942; border-radius: 50px;');
    console.log(payload);
    const stackInfo = new Error().stack || ''
    const stackLines = stackInfo.split('\n');
    const relevantStack = stackLines.slice(1, 6).join('\n');
    console.groupCollapsed('Trance')
    console.log(relevantStack);
    if(stackLines.length > 5) {
    console.groupCollapsed('More trance')
        console.log(stackLines.slice(6).join('\n'))
        console.groupEnd();
    }
    console.groupEnd();
    console.groupEnd();
}

// example:
debug(someContext, 'Getter Context Value')