вода
Чтение занимает около минуты
Я часто случайно открываю инструменты разработчика в Наггетс, и в глаза бросается объявление о работе в Наггетс.
эй, здесь есть стрелка, нажмите на нее
хорошо, выглядит очень интересно
Я правда не знаю как написана эта консоль, но это не беда, поднимите его исходники!
console.log("-----------")
this.outputGroup(["","掘金餐厅招前端厨师:","","地处望京,厨具先进,食材鲜美,朝十晚七,周六日均不营业。","","招牌菜有爆炒 Vue.js、红烧 Node.js、Chrome 炖 Extension、宫爆 Panfish……","","要求注意卫生,以做菜为乐,有精进厨艺之心;熟悉烹饪基础理论者优先,可开发新式菜肴者优先。","","简历注明「FROM_JUEJIN_CONSOLE」投至:webuster@xitu.io。"].join("\n"),"BUG 为何迟迟不改?页面为何加载失败?元素为何难以对齐?这一切究竟是人性的扭曲还是道德的沦丧?")
console.log("-----------")}}
{key:"outputGroup",value:function(e,t){"function"==typeof console.groupCollapsed?(console.groupCollapsed(t),console.log(e),console.groupEnd()):(console.log(t),console.log("-----------"),console.log(e),console.log("-----------"))}}])
В основном этоconsole.groupCollapsed(t),console.log(e),console.groupEnd()
затем перейдите кmdn
, проведитеapi
, Гиперссылка
Кажется, я вообще в этом не разбираюсь, так что перейдем непосредственно к демо
код показывает, как показано ниже:
console.groupCollapsed('这里是外面');
console.log('这里是里面');
console.groupEnd();
Запустите следующим образом:
Вот об этом
Вы также можете сделать это, если хотите:
пс: Если слоев слишком много, то это действительно противно
小区别:
- console.group 默认是展开状态
- console.groupCollapsed 默认是收起状态
Шеф-повар ресторана Nuggets выглядит нормально
that's all