Author: The tadpole in the first place

Wechat official account: Front-end Diaosi

Blog & Github: github.com/airuikun/bl…

Late at night, twelve o ‘clock

A dark room, a roll of napkins

This is destined to be an extraordinary night

.

The tadpole opened the hidden folder deep in disk C

It lists many obscure file names

“Overworked. Mp4”, “overworked. Mp4”

“Multiplayer Sports. Mp4.” “2V2 Agile Development. Mp4.”

Don’t ask what these are, ask the front-end development instructional video

.

Xiao Tadpole is a low-end diaosi in real life

The goddess sneered at her

But tonight, my world is my oyster

Little tadpole clicks “Little mushroom gatherer. Mp4”

The smiles grew frantic

.

When you open it, you see a large image of the FBI Warning

FBI Warning is known as the totem of the East

It is a symbol of a great battle, the charge of the horn

The tadpole gets up

Bow to his hands: “Sorry to bother you two again tonight.”

As a junior front end engineer

The tadpole will use both hands

How to use console.log to simulate FBI Warning

The effect is as follows:

The code is as follows:

Source: the fbi – warning

The implementation principle is simple

You can parse CSS code in console.log

Log (“%c content 1 % C content 2”, “CSS code 1″,” CSS code 2″);

.

It takes 4 %c to implement an FBI Warning

The CSS code for the first %c is

    background: # 000; 
    font-size18:px; 
    font-family: monospaces;
Copy the code

This is a solid black background

Black symbolizes mystery and sex appeal

Seems to set the stage for what’s to come

The CSS code for the second %c is

    background: #f33; 
    font-size18:px; 
    font-family: monospace;
    color: #eee; 
    text-shadow: 0 0 1px #fff;
Copy the code

It adds a red background to the “FBI Warning” header

Red is enhanced

Warn every visitor to obey the law

It creates shame and guilt in people who have done wrong

The third %c is also on a black background

The CSS for the fourth %c is:

    background: # 000; 
    font-size18:px; 
    font-family: monospace; 
    color: #ddd; 
    text-shadow: 0 0 2px #fff;
Copy the code

Black background with white lettering

It’s like being a loser

But the heart is pure

.

This is the implementation of the entire high imitation FBI Waring

ah

Six years of coding

I was abandoned by three goddesses

I’ve been played by two dirtbags

I worked as a mistress for one year

Look again at this FBI Waring picture and it’s full of emotions

It’s actually the epitome of the modern diaosi

It describes a person who wants to love but is afraid to

A loser who can only imagine clapping for love with a goddess

Humble and pious

.

Get to the point

Console. log comes with some tools for normal development

It can also have some fun features

For example, convert ‘FBI WARNING’ to a character drawing

Address: patorjk.com/software/ta…

.

Console. log can also draw flow charts

Address: stable.ascii-flow.appspot.com/#Draw

.

Add emojis to console.log

Address: getemoji.com/

.

Turn a picture into a character drawing as follows:

Website: www.degraeve.com/img2txt.php

.

The last skill

Turn the JS code into a beautiful code image

Address: carbon. Now. Sh

That’s all the console.log skills

It doesn’t help

Hee hee

.

.

.

Late at night, 2 a.m

The tadpole watched the gourd baby with the Mosaic all night

As the gorgon is defeated by grandpa

The tadpole upset the milk

After being wiped clean

Lit a cigarette by the bed

A strong sense of loneliness strikes at the back

Everything in the world has become dull

The silent night was quiet again

Author: The tadpole in the first place

Wechat official account: Front-end Diaosi

Blog & Github: github.com/airuikun/bl…