topic 1: use Vue2 The syntax of completes a keyword matching search function , This method is relatively simple to see by yourself , Yes .

  filteredList() {

            // TODO: Please supplement the code

            return
this.postList.filter(item=>(item.title.search(this.search)!==1))

          },

topic 2: This question didn't work at first jquery grammar , Direct use Js write , Then I looked at it and used it directly

$() Method direct loop traversal application

topic 3: Marketing number generator Well, this . Note that it can only be triggered by a specific user . Just add a judgment

topic 4: Card switching same question 2 similar , Just use js write . Pay attention to two layers for loop nesting , With exclusive thought .

topic 5: Personal blog   Mainly investigate your understanding of css Understanding of .

/* TODO:banner Text on Center display required */
.home-wrapper .banner .banner-conent .hero {
  margin-top: 3rem;
  text-align: center;
}

/* TODO: main-wrapper By setting main-wrapper Layout mode Give Way .main-left  .main-right Correct display */
.main-wrapper {
 
  margin: 0.5rem auto 1 auto;
  max-width: 1300px;
  padding: 0 0.9rem;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: initial;
}

/*/* TODO Width adaptation Left display */
.main-wrapper .main-left {

  float: left;  

  box-sizing: border-box;
}

/* wide 245px Right display */
.main-wrapper .main-right>* {
  box-sizing: border-box;
  width: 245px;
 float: right;

}

be careful flex Layout and width adaptation

topic 6: Fresh Fruit Platter

This is too simple , It's been seconds. There's nothing to say

reference resources align-self value : flex-start flex-end center baseline stretch order:< integer >(...
-1, 0 (default), 1, ..)

You can do it

topic 7:  A New Year greeting card

This question really bothered me for a little while ...

Finally, I didn't understand the requirements , A few minutes late

Random number function from greetings Take a value at random and return

use random() Function is fine , array [Math.floor((Math.random()* array .length))]
You can return the random value of the array , Finally, call show() Just assign a value to the greeting card box

function show(greetingDisplay) {

greetingDisplay.innerText =writeGreeting()

}

topic 8:

Until the end of this question, I have been prompted that the page gap is greater than 20%

  Same code , Submit error report ten minutes ago , Go straight through in ten minutes ???

To be continued ........

topic 9:

 

perfect  css/style.css  Style file , Make the login page appear as shown above . Directly in css Just modify it inside

Key page styles are described below :

* Form appearance style : Gao Wei  600px, Kuanwei  450px, Background color is  rgba(0, 0, 0, .45), Rounded border is  10px.
* Avatar image style at the top of the form : Both width and height are  200px, fillet  50%.
* Secondary Title Style in the form : Font size is  45px, Font thickness is  800.
* Button style in form : Kuanwei  80px, Gao Wei  30px, Border color is  #041c32, Background color is  #2d4263, Font size is  16px, Font color is  white.
* The style of the input box in the form : Font size is  20px, Rounded border is  5px, Width  300px.
topic 10:【 Algorithm implementation 】 The little rabbit climbed the stairs

This question should be based on the law

* When the number of steps n by 0 Time , Direct return 0.
* When the number of steps n by 1 Time , Direct return 1.
* When the number of steps is greater than 1 Time , Suppose there is i The ladder needs climbing , Yes dp[i] Medium method .
* 3 Ladder above steps , All meet a law :dp[i] = dp[i-1] + dp[i-2].
Then in js File code

join if judge   Just go back

  topic 11:【 Function realization 】 Shopping Cart

The key is to use axios To ask for json Just file it ,

Technology
©2019-2020 Toolsou All rights reserved,
【C++ Must see for entry 】C++ from 0 reach 1 Introductory programming axios Interceptor packaging and use Spring Boot Interview must ask : Automatic configuration principle VMware 16 install centos 7 Detailed tutorial C Language data structure - Sequence table delete duplicates V2.0.0 The 12th Blue Bridge Cup c++b Group personal problem solving On sending data from serial port single chip microcomputer to upper computer centos7 install RabbitMqjava Polymorphic array of opencv-python Fourier transform and inverse transform