Dongxh, mid autumn festival gifts 🥮, [CSS starry sky realization, Mid Autumn Festival poem]

Dongxh 2021-09-15 04:18:11
dongxh autumn festival gifts css


I'm participating in the Mid Autumn Festival Creative submission competition , Details please see : Mid Autumn Festival Creative submission contest

 Hello everyone , I am a DongXH , , A code ape who loves life ..
If you like my article , Can pay attention to give the thumbs-up , Cheer me on , I am willing to grow up with you ~
 Copy code 

Mid Autumn Festival presents

Speaking of mid autumn poetry , No one is more familiar than Su Shi 《 to · When is the moon 》, And Wang Jian's 《 Fifteen nights watching the moon 》, But in fact, beyond these two songs , There are also many excellent Mid Autumn Festival poems , For example, one of my favorite Mid Autumn Festival poems is Yin Wengui of the Tang Dynasty “ Thousands of miles without cloud mirror Kyushu , The most reunion night is the Mid Autumn Festival .”

Folklorists often say , The Mid Autumn Festival didn't have until the Ming Dynasty “ reunion ” The connotation of the festival , But from Yin Wengui's poems , Although the Mid Autumn Festival has not officially become a festival in the Tang Dynasty , but “ Mid-autumn Festival ” In the hearts of people at that time , There is already a symbol of reunion .

The of this scene size In order to pc End to end , No tuning, adaptive and responsive , Interested friends can modify it by themselves or discuss it together . Let's take a look at the specific implementation code .

Moon realization

<div class="moon">
<div class="moon-pit">
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
</div>
</div>
 Copy code 

The layout is nothing special , In order to achieve the shadow effect on the moon , Found a lot of documents , At present, the idea is to realize... Through elements , Combine positioning and shadow , Realize the superposition of shadows .

.moon {
position: absolute;
left: 5em;
top: 7em;
font-size: 2rem;
height: 5em;
width: 5em;
border-radius: 100%;
box-shadow: 0 0 90px #f7ecae;
background: #f7ecae;
}
.moon-pit {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.item {
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background: #e5d286;
box-shadow: 0px 0px 10px #e5d286;
filter: blur(3px);
display: block;
position: absolute;
}
 Copy code 

Explain why the moon adds massive shadows , The reference is actually the following figure :

image.png

But I don't know how to deal with the specific shadow concentration and position control , Small partners with good methods can discuss together , If you use the picture directly, you will feel that you have lost the meaning of your activities , So I took the label manually and realized it , The degree of reduction is not enough. Please understand [ dog's head ]

The background star sky realizes

The background sky creates a large number of objects through pseudo class elements box-shadow To achieve , Positioned around the moon , adopt css Animation transform Cycle rotation , Cause the effect of star movement . The specific code is as follows :

@keyframes orbit {
0% {
transform: rotateZ(0deg)
}
100% {
transform: rotateZ(360deg)
}
}
.moon::before,
.moon::after {
position: absolute;
top: 200%;
left: -1000%;
display: block;
height: 200rem;
width: 200rem;
content: '';
border-radius: 50%;
z-index: -1;
animation: orbit 300s infinite linear;
box-shadow: -40rem -106rem 1rem -99.5rem #fff6, -40rem -106rem 1px -99.65rem #c568, -32rem -96rem 1.5rem -99.5rem #ffe8, -32rem -96rem 1px -99.9rem #ffc9, -31rem -110rem 1.5rem -99.5rem #ffe6, -31rem -110rem 1px -99.9rem #ffc6, -11rem -115rem 1.5rem -99.5rem #ffe8, -11rem -115rem 1px -99.9rem #ffc6, 11rem -105rem 1.5rem -99.5rem #ffe6, 11rem -105rem 1px -99.9rem #ffc6, -11rem -135rem 1.5rem -99.5rem #ffe4, -11rem -135rem 1px -99.9rem #ffc5, 31rem -115rem 1.5rem -99.5rem #ffe6, 31rem -115rem 1px -99.9rem #ffc6, -51rem -115rem 1.5rem -99.5rem #ffe9, -51rem -115rem 1px -99.9rem #ffc6, 21rem -125rem 1.5rem -99.5rem #ffe6, 21rem -125rem 1px -99.9rem #ffc6, 5rem -115rem 1.5rem -99.5rem #ffe9, 5rem -115rem 1px -99.9rem #ffc6, -96rem -32rem 1.5rem -99.5rem #ffe8, -96rem -32rem 1px -99.9rem #ffc9, -110rem -31rem 1.5rem -99.5rem #ffe6, -110rem -31rem 1px -99.9rem #ffc6, -115rem -11rem 1.5rem -99.5rem #ffe8, -115rem -11rem 1px -99.9rem #ffc6, -105rem 11rem 1.5rem -99.5rem #ffe6, -105rem 11rem 1px -99.9rem #ffc6, -135rem -11rem 1.5rem -99.5rem #ffe4, -135rem -11rem 1px -99.9rem #ffc5, -115rem 31rem 1.5rem -99.5rem #ffe6, -115rem 31rem 1px -99.9rem #ffc6, -115rem -51rem 1.5rem -99.5rem #ffe9, -115rem -51rem 1px -99.9rem #ffc6, -125rem 21rem 1.5rem -99.5rem #ffe6, -125rem 21rem 1px -99.9rem #ffc6, -115rem 5rem 1.5rem -99.5rem #ffe9, -115rem 5rem 1px -99.9rem #ffc6, 96rem 32rem 1.5rem -99.5rem #ffe8, 96rem 32rem 1px -99.9rem #ffc9, 110rem 31rem 1.5rem -99.5rem #ffe6, 110rem 31rem 1px -99.9rem #ffc6, 115rem 11rem 1.5rem -99.5rem #ffe8, 115rem 11rem 1px -99.9rem #ffc6, 105rem -11rem 1.5rem -99.5rem #ffe6, 105rem -11rem 1px -99.9rem #ffc6, 135rem 11rem 1.5rem -99.5rem #ffe4, 135rem 11rem 1px -99.9rem #ffc5, 115rem -31rem 1.5rem -99.5rem #ffe6, 115rem -31rem 1px -99.9rem #ffc6, 115rem 51rem 1.5rem -99.5rem #ffe9, 115rem 51rem 1px -99.9rem #ffc6, 125rem -21rem 1.5rem -99.5rem #ffe6, 125rem -21rem 1px -99.9rem #ffc6, 115rem -5rem 1.5rem -99.5rem #ffe9, 115rem -5rem 1px -99.9rem #ffc6, -21rem -125rem 1.5rem -99.5rem #ffe8, -21rem -125rem 1px -99.9rem #ffc6, -61rem -105rem 1.5rem -99.5rem #ffe3, -61rem -105rem 1px -99.9rem #ffc6, -61rem -95rem 1.5rem -99.5rem #ffe4, -61rem -95rem 1px -99.9rem #ffc6, -71rem -75rem 1.5rem -99.5rem #ffe7, -71rem -75rem 1px -99.9rem #ffc6, -55rem -85rem 1.5rem -99.5rem #ffe6, -55rem -85rem 1px -99.9rem #ffc6, -125rem -21rem 1.5rem -99.5rem #ffe8, -125rem -21rem 1px -99.9rem #ffc6, -105rem -61rem 1.5rem -99.5rem #ffe3, -105rem -61rem 1px -99.9rem #ffc6, -95rem -61rem 1.5rem -99.5rem #ffe4, -95rem -61rem 1px -99.9rem #ffc6, 75rem 71rem 1.5rem -99.5rem #ffe7, 75rem 71rem 1px -99.9rem #ffc6, 85rem 55rem 1.5rem -99.5rem #ffe6, 85rem 55rem 1px -99.9rem #ffc6, 125rem 21rem 1.5rem -99.5rem #ffe8, 125rem 21rem 1px -99.9rem #ffc6, 105rem 61rem 1.5rem -99.5rem #ffe3, 105rem 61rem 1px -99.9rem #ffc6, 95rem 61rem 1.5rem -99.5rem #ffe4, 95rem 61rem 1px -99.9rem #ffc6, 75rem 71rem 1.5rem -99.5rem #ffe7, 75rem 71rem 1px -99.9rem #ffc6, 85rem 55rem 1.5rem -99.5rem #ffe6, 85rem 55rem 1px -99.9rem #ffc6, 32rem 96rem 1.5rem -99.5rem #ffe8, 32rem 96rem 1px -99.9rem #ffc9, 31rem 110rem 1.5rem -99.5rem #ffe6, 31rem 110rem 1px -99.9rem #ffc6, 11rem 115rem 1.5rem -99.5rem #ffe8, 11rem 115rem 1px -99.9rem #ffc6, -11rem 105rem 1.5rem -99.5rem #ffe6, -11rem 105rem 1px -99.9rem #ffc6, 11rem 135rem 1.5rem -99.5rem #ffe4, 11rem 135rem 1px -99.9rem #ffc5, -31rem 115rem 1.5rem -99.5rem #ffe6, -31rem 115rem 1px -99.9rem #ffc6, 51rem 115rem 1.5rem -99.5rem #ffe9, 51rem 115rem 1px -99.9rem #ffc6, -21rem 125rem 1.5rem -99.5rem #ffe6, -21rem 125rem 1px -99.9rem #ffc6, -5rem 115rem 1.5rem -99.5rem #ffe9, -5rem 115rem 1px -99.9rem #ffc6, 21rem 125rem 1.5rem -99.5rem #ffe8, 21rem 125rem 1px -99.9rem #ffc6, 61rem 105rem 1.5rem -99.5rem #ffe3, 61rem 105rem 1px -99.9rem #ffc6, 61rem 95rem 1.5rem -99.5rem #ffe4, 61rem 95rem 1px -99.9rem #ffc6, 71rem 75rem 1.5rem -99.5rem #ffe7, 71rem 75rem 1px -99.9rem #ffc6, 55rem 85rem 1.5rem -99.5rem #ffe6, 55rem 85rem 1px -99.9rem #ffc6
}
.moon::after {
opacity: .35;
animation-delay: -100s;
animation-duration: 600s;
top: 10vh
}
 Copy code 

Typewriter effect

Through... In the text br Split and wrap labels , Create a hidden text content container , Then, by getting the name of the hidden container innerHTML Then, the tail input label is trimmed by regular interception , Conduct innerHTML The assignment operation realizes the dynamic typing effect . The specific code is as follows :

 <div id="myContent"></div>
<div id="contentToWrite" style="display:none;"> August 15th night <br> Yin Wengui The tang dynasty <br> Thousands of miles without cloud mirror Kyushu , The most reunion night is the Mid Autumn Festival .<br> The ice color of the clothes can't be brushed off , All over the place, the light condenses and wants to flow .<br>
Hua Yue's shadow is cold and clear, and his palm is exposed , Haimen wind and white tide head .<br> Because you follow my heart , It can make people worry all night .<br></div>
 Copy code 
<script>
let charIndex = -1;
let stringLength = 0;
let inputText;
let currentStyle = 'inline';
function writeContent(init) {
if (init) {
inputText = document.getElementById('contentToWrite').innerHTML;
}
if (charIndex == -1) {
charIndex = 0;
stringLength = inputText.length;
}
let initString = document.getElementById('myContent').innerHTML;
initString = initString.replace(/<SPAN.*$/gi, "");
let theChar = inputText.charAt(charIndex);
let nextFourChars = inputText.substr(charIndex, 4);
if (nextFourChars == '<BR>' || nextFourChars == '<br>') {
theChar = '<BR>';
charIndex += 3;
}
initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";
document.getElementById('myContent').innerHTML = initString;
charIndex = charIndex / 1 + 1;
if (charIndex % 2 == 1) {
document.getElementById('blink').style.display = 'none';
} else {
document.getElementById('blink').style.display = 'inline';
}
console.log(charIndex, stringLength);
if (charIndex <= stringLength) {
setTimeout("writeContent(false)", 140);
} else {
blinkSpan();
}
}
function blinkSpan() {
if (currentStyle == 'inline') {
currentStyle = 'none';
} else {
currentStyle = 'inline';
}
document.getElementById('blink').style.display = currentStyle;
}
writeContent(true);
</script>
 Copy code 

All the code

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> The moon </title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="moon">
<div class="moon-pit">
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
</div>
</div>
<div id="myContent"></div>
<div id="contentToWrite" style="display:none;"> August 15th night <br> Yin Wengui The tang dynasty <br> Thousands of miles without cloud mirror Kyushu , The most reunion night is the Mid Autumn Festival .<br> The ice color of the clothes can't be brushed off , All over the place, the light condenses and wants to flow .<br>
Hua Yue's shadow is cold and clear, and his palm is exposed , Haimen wind and white tide head .<br> Because you follow my heart , It can make people worry all night .<br></div>
<script> let charIndex = -1; let stringLength = 0; let inputText; let currentStyle = 'inline'; function writeContent(init) { if (init) { inputText = document.getElementById('contentToWrite').innerHTML; } if (charIndex == -1) { charIndex = 0; stringLength = inputText.length; } let initString = document.getElementById('myContent').innerHTML; initString = initString.replace(/<SPAN.*$/gi, ""); let theChar = inputText.charAt(charIndex); let nextFourChars = inputText.substr(charIndex, 4); if (nextFourChars == '<BR>' || nextFourChars == '<br>') { theChar = '<BR>'; charIndex += 3; } initString = initString + theChar + "<SPAN id='blink'>_</SPAN>"; document.getElementById('myContent').innerHTML = initString; charIndex = charIndex / 1 + 1; if (charIndex % 2 == 1) { document.getElementById('blink').style.display = 'none'; } else { document.getElementById('blink').style.display = 'inline'; } console.log(charIndex, stringLength); if (charIndex <= stringLength) { setTimeout("writeContent(false)", 140); } else { blinkSpan(); } } function blinkSpan() { if (currentStyle == 'inline') { currentStyle = 'none'; } else { currentStyle = 'inline'; } document.getElementById('blink').style.display = currentStyle; } writeContent(true); </script>
</body>
</html>
 Copy code 
body {
height: 100vh;
overflow: hidden;
background-image: radial-gradient(navy, #002);
}
html {
width: 100%;
height: 100%;
position: relative;
}
.moon {
position: absolute;
left: 5em;
top: 7em;
font-size: 2rem;
height: 5em;
width: 5em;
border-radius: 100%;
box-shadow: 0 0 90px #f7ecae;
background: #f7ecae;
}
.moon-pit {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.item {
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background: #e5d286;
box-shadow: 0px 0px 10px #e5d286;
filter: blur(3px);
display: block;
position: absolute;
}
.item:nth-child(1) {
width: 1.5em;
left: 40%;
top: -2%;
}
.item:nth-child(2) {
left: 60%;
top: 40%;
}
.item:nth-child(3) {
left: 23%;
top: 40%;
}
.item:nth-child(4) {
width: 1.2em;
left: 80%;
top: 70%;
transform: rotate(-35deg);
}
.item:nth-child(5) {
width: 1.2em;
left: 20%;
top: 90%;
transform: rotate(15deg);
}
.item:nth-child(6) {
width: 1.2em;
height: 0.8em;
left: 18%;
top: 17%;
transform: rotate(15deg);
}
.item:nth-child(7) {
width: 1em;
height: 1em;
left: 43%;
top: 56%;
}
.item:nth-child(8) {
width: 1.3em;
height: 1.3em;
left: 40%;
top: 40%;
transform: rotate(15deg);
}
.item:nth-child(9) {
width: .3em;
height: .3em;
left: 80%;
top: 34%;
}
.item:nth-child(10) {
width: .3em;
height: .3em;
left: 10%;
top: 64%;
}
@keyframes orbit {
0% {
transform: rotateZ(0deg)
}
100% {
transform: rotateZ(360deg)
}
}
.moon::before,
.moon::after {
position: absolute;
top: 200%;
left: -1000%;
display: block;
height: 200rem;
width: 200rem;
content: '';
border-radius: 50%;
z-index: -1;
animation: orbit 300s infinite linear;
box-shadow: -40rem -106rem 1rem -99.5rem #fff6, -40rem -106rem 1px -99.65rem #c568, -32rem -96rem 1.5rem -99.5rem #ffe8, -32rem -96rem 1px -99.9rem #ffc9, -31rem -110rem 1.5rem -99.5rem #ffe6, -31rem -110rem 1px -99.9rem #ffc6, -11rem -115rem 1.5rem -99.5rem #ffe8, -11rem -115rem 1px -99.9rem #ffc6, 11rem -105rem 1.5rem -99.5rem #ffe6, 11rem -105rem 1px -99.9rem #ffc6, -11rem -135rem 1.5rem -99.5rem #ffe4, -11rem -135rem 1px -99.9rem #ffc5, 31rem -115rem 1.5rem -99.5rem #ffe6, 31rem -115rem 1px -99.9rem #ffc6, -51rem -115rem 1.5rem -99.5rem #ffe9, -51rem -115rem 1px -99.9rem #ffc6, 21rem -125rem 1.5rem -99.5rem #ffe6, 21rem -125rem 1px -99.9rem #ffc6, 5rem -115rem 1.5rem -99.5rem #ffe9, 5rem -115rem 1px -99.9rem #ffc6, -96rem -32rem 1.5rem -99.5rem #ffe8, -96rem -32rem 1px -99.9rem #ffc9, -110rem -31rem 1.5rem -99.5rem #ffe6, -110rem -31rem 1px -99.9rem #ffc6, -115rem -11rem 1.5rem -99.5rem #ffe8, -115rem -11rem 1px -99.9rem #ffc6, -105rem 11rem 1.5rem -99.5rem #ffe6, -105rem 11rem 1px -99.9rem #ffc6, -135rem -11rem 1.5rem -99.5rem #ffe4, -135rem -11rem 1px -99.9rem #ffc5, -115rem 31rem 1.5rem -99.5rem #ffe6, -115rem 31rem 1px -99.9rem #ffc6, -115rem -51rem 1.5rem -99.5rem #ffe9, -115rem -51rem 1px -99.9rem #ffc6, -125rem 21rem 1.5rem -99.5rem #ffe6, -125rem 21rem 1px -99.9rem #ffc6, -115rem 5rem 1.5rem -99.5rem #ffe9, -115rem 5rem 1px -99.9rem #ffc6, 96rem 32rem 1.5rem -99.5rem #ffe8, 96rem 32rem 1px -99.9rem #ffc9, 110rem 31rem 1.5rem -99.5rem #ffe6, 110rem 31rem 1px -99.9rem #ffc6, 115rem 11rem 1.5rem -99.5rem #ffe8, 115rem 11rem 1px -99.9rem #ffc6, 105rem -11rem 1.5rem -99.5rem #ffe6, 105rem -11rem 1px -99.9rem #ffc6, 135rem 11rem 1.5rem -99.5rem #ffe4, 135rem 11rem 1px -99.9rem #ffc5, 115rem -31rem 1.5rem -99.5rem #ffe6, 115rem -31rem 1px -99.9rem #ffc6, 115rem 51rem 1.5rem -99.5rem #ffe9, 115rem 51rem 1px -99.9rem #ffc6, 125rem -21rem 1.5rem -99.5rem #ffe6, 125rem -21rem 1px -99.9rem #ffc6, 115rem -5rem 1.5rem -99.5rem #ffe9, 115rem -5rem 1px -99.9rem #ffc6, -21rem -125rem 1.5rem -99.5rem #ffe8, -21rem -125rem 1px -99.9rem #ffc6, -61rem -105rem 1.5rem -99.5rem #ffe3, -61rem -105rem 1px -99.9rem #ffc6, -61rem -95rem 1.5rem -99.5rem #ffe4, -61rem -95rem 1px -99.9rem #ffc6, -71rem -75rem 1.5rem -99.5rem #ffe7, -71rem -75rem 1px -99.9rem #ffc6, -55rem -85rem 1.5rem -99.5rem #ffe6, -55rem -85rem 1px -99.9rem #ffc6, -125rem -21rem 1.5rem -99.5rem #ffe8, -125rem -21rem 1px -99.9rem #ffc6, -105rem -61rem 1.5rem -99.5rem #ffe3, -105rem -61rem 1px -99.9rem #ffc6, -95rem -61rem 1.5rem -99.5rem #ffe4, -95rem -61rem 1px -99.9rem #ffc6, 75rem 71rem 1.5rem -99.5rem #ffe7, 75rem 71rem 1px -99.9rem #ffc6, 85rem 55rem 1.5rem -99.5rem #ffe6, 85rem 55rem 1px -99.9rem #ffc6, 125rem 21rem 1.5rem -99.5rem #ffe8, 125rem 21rem 1px -99.9rem #ffc6, 105rem 61rem 1.5rem -99.5rem #ffe3, 105rem 61rem 1px -99.9rem #ffc6, 95rem 61rem 1.5rem -99.5rem #ffe4, 95rem 61rem 1px -99.9rem #ffc6, 75rem 71rem 1.5rem -99.5rem #ffe7, 75rem 71rem 1px -99.9rem #ffc6, 85rem 55rem 1.5rem -99.5rem #ffe6, 85rem 55rem 1px -99.9rem #ffc6, 32rem 96rem 1.5rem -99.5rem #ffe8, 32rem 96rem 1px -99.9rem #ffc9, 31rem 110rem 1.5rem -99.5rem #ffe6, 31rem 110rem 1px -99.9rem #ffc6, 11rem 115rem 1.5rem -99.5rem #ffe8, 11rem 115rem 1px -99.9rem #ffc6, -11rem 105rem 1.5rem -99.5rem #ffe6, -11rem 105rem 1px -99.9rem #ffc6, 11rem 135rem 1.5rem -99.5rem #ffe4, 11rem 135rem 1px -99.9rem #ffc5, -31rem 115rem 1.5rem -99.5rem #ffe6, -31rem 115rem 1px -99.9rem #ffc6, 51rem 115rem 1.5rem -99.5rem #ffe9, 51rem 115rem 1px -99.9rem #ffc6, -21rem 125rem 1.5rem -99.5rem #ffe6, -21rem 125rem 1px -99.9rem #ffc6, -5rem 115rem 1.5rem -99.5rem #ffe9, -5rem 115rem 1px -99.9rem #ffc6, 21rem 125rem 1.5rem -99.5rem #ffe8, 21rem 125rem 1px -99.9rem #ffc6, 61rem 105rem 1.5rem -99.5rem #ffe3, 61rem 105rem 1px -99.9rem #ffc6, 61rem 95rem 1.5rem -99.5rem #ffe4, 61rem 95rem 1px -99.9rem #ffc6, 71rem 75rem 1.5rem -99.5rem #ffe7, 71rem 75rem 1px -99.9rem #ffc6, 55rem 85rem 1.5rem -99.5rem #ffe6, 55rem 85rem 1px -99.9rem #ffc6
}
.moon::after {
opacity: .35;
animation-delay: -100s;
animation-duration: 600s;
top: 10vh
}
#myContent{
color:#fff;
width: 400px;
height: 400px;
font-size:18px;
line-height: 36px;
text-align: center;
position: absolute;
left:40%;
top:10em;
}
 Copy code 

summary

The final effect should be seen on the cover , It doesn't matter if you don't pay attention , I have posted all the codes above for your reference .

There's a little regret that it hasn't been done , Add a fireworks effect may look better , It will be improved in the later stage .

This article not only wants you to send you a blessing when the Mid Autumn Festival is coming , Also hope to help you in your study , I wish you : Moon cake tube full , Make a lot of money ! .

版权声明
本文为[Dongxh]所创,转载请带上原文链接,感谢
https://qdmana.com/2021/09/20210909111329198d.html

  1. Monthly salary 10K yard farmer, job hopping to 40K architect, summary of technical learning Roadmap
  2. Manually compile and deploy LNMP environment (centos7.5 + nginx-1.18.0 + mysql-5.7.30 + php-7.4.14)
  3. The drama "light" of the Republic of China premiered, with a dismal audience rating of less than 0.4, creating the worst audience rating of Hunan Satellite TV!
  4. It is said that Ericsson will cancel Nanjing R & D center
  5. Question d'entrevue commune de Spring Cloud, où est l'avenir de 2021 Java?
  6. Sharedpreferences Replacement - mmkv Integration and Principles, 27 years old Preschool Development
  7. Différence entre TCP et UDP, développement frontal mobile
  8. The whole process of mybatis dynamic proxy implementation of spring series? The correct answer rate is less than 1%
  9. Ajax Foundation
  10. Développement Android comprendre ces entrevues naturelles sans peur, Android Knowledge System
  11. L'expérience de l'entrevue d'embauche de l'école Java peut vous aider à obtenir une entrevue.
  12. Leetcode pinceau question 989 - simple - addition d'entiers sous forme de tableau
  13. Children of the Qiao family: after reading Qiao Zuwang's last selflessness, we can recognize his simple father's love
  14. Partager une petite expérience d'entrevue et obtenir un produit
  15. Solution de capture de paquets https sur la plate - forme Android et analyse des problèmes, Android développe un apprentissage complet
  16. Young people are the first choice for transportation. These hatchbacks suck countless powder. Is it your dish?
  17. "Net red granny" over 70 has countless circle powder by wearing, and is more fashionable than young people
  18. Méthodes de fonctionnement des tableaux couramment utilisées en javascript
  19. Summary of Vue knowledge points
  20. 10 septembre: deuxième visite d'une journée à Yantai, Shandong - vue nocturne de Chaoyang Street, Zhifu District
  21. Front and back end data interaction (V) -- what is Axios?
  22. Windows configures nginx to boot automatically
  23. Des questions d'entrevue communes à Tomcat pour discuter de votre compréhension de la technologie de verrouillage distribué,
  24. JS handscrap, Classic interview question, web front end Development Process
  25. Android 400 questions d'entrevue pour vous aider à entrer dans l'usine, un tour pour vous apprendre à comprendre netty
  26. Développement et projet d'application Web statique côté PC
  27. Recommandé pour le tutoriel Spring Framework, 2021 dernière question d'entrevue d'embauche de la société aiqiyi Java,
  28. La dernière revue scientifique de l'académicien Luo Liqun: architecture de la boucle neuronale pour stimuler la nouvelle Ia
  29. [partage d'expérience de travail], 2021 les dernières questions d'entrevue Java de Baidu, Headlines, etc.
  30. Lisez l'analyse de 497 questions pour l'entrevue d'ingénieur principal Android et vérifiez les lacunes.
  31. Grâce à cette collection de questions d'entrevue d'automne, le salaire de saut d'emploi et l'entrevue de développement audio et vidéo ont doublé.
  32. Prenez d'un coup l'offre de Tencent meituan et jetez un coup d'oeil à cette copie de l'entrevue de printemps!
  33. L'expérience et l'expérience d'un Maverick Java en matière d'entrevue sur les MTD, l'expérience de l'entrevue d'embauche du printemps Java en 2021,
  34. Vue中自定义列表复选框和全选框-案例
  35. Vue bidirectional binding (V-model bidirectional binding,. Sync bidirectional binding,. Sync transfer object)
  36. CSS text overflow ellipsis summary, as you wish
  37. C'est la mode la plus étrange que j'ai jamais vue.
  38. Cases à cocher et toutes les cases à cocher de la liste personnalisée en vue - CAS
  39. Vue bidirectional binding (V-model bidirectional binding,. Sync bidirectional binding,. Sync transfer object)
  40. Vue3.0 using Gaode map to obtain longitude and latitude information
  41. Front end interview daily 3 + 1 - day 877
  42. Vue bidirectional binding (V-model bidirectional binding,. Sync bidirectional binding,. Sync transfer object)
  43. React realizes the function of copying pictures with one click
  44. White space, word break and word wrap are the three most basic and confusing attributes in CSS - thoroughly understand
  45. Trois ans d'expérience d'entrevue avec une femme de programmation diplômée, une réflexion sur la cohérence de l'expiration des données de redis Master slave Node,
  46. Résumé de l'entrevue Android de Dachang, carte technique Android
  47. Un plan de carrière Java correct, découvrez les questions que vous devez poser lors de l'entrevue d'embauche du printemps Java de cette année.
  48. Le résumé de l'entrevue Android de Dachang est en retard
  49. Un article vous a appris à gérer les entrevues sur le Web, à partager 350 vraies questions d'entrevue Java,
  50. Jquery Tools Methodology collation, Sharing a little interview Experience
  51. Jquery plug - in urianchor, app front end Development
  52. $in jquery, Visualized Web Development Tool
  53. Le développement Java doit être fait. Les entrevues https demandent souvent une analyse complète.
  54. vue v-if未生效问题
  55. vue动态改变组件外部元素样式
  56. Jdk's Past Life: The Classic Features of Thin Number - java5 - - - 15 -, webfront Development
  57. Résumé des questions d'entrevue pour les ingénieurs en développement Java, analyse des questions d'entrevue à haute fréquence Dubbo,
  58. Who doesn't want to make a scratch music by himself? Scratch music is realized by native JS
  59. Learn XPath to help climb the data of major e-commerce platforms in the Mid Autumn Festival
  60. vue動態改變組件外部元素樣式