Dark Horse Event Project

Front end

Knowledge Weaknesses:

1. flex layout for css
2. jquery
3. background-size: cover

Interface Documentation

Acquire knowledge

1. The use of Layui (adding styles, implementing form validation)

2. How to center horizontally and vertically position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)

3. display:flex;Layout to center text horizontally and vertically

 display: flex;align-items: center; /* Side axis alignment*/justify-content: center; /* Spindle alignment*/

4. Quick access to the data in the form

// Quickly get the data in the formdata: $(this).serialize()

Step on the pit

1. The back of the imported css style can overwrite the front
2. POST http://127.0.0.1:5500/api/login 405 (Method Not Allowed)
   The reason is to enter all the addresses, not just the api at the end