Front-end rough summary and important knowledge points, important knowledge points

Front-end rough summary and important knowledge points, important knowledge points
Front-end Workflow:

1. Code Writing 2. code compilation 3. Code compression 4. Image Compression 5. Version Control 6. Test

Front-end layout:

1. Raster 2. Streaming 3. Responsive 4. Holy directory (padding placeholder Layout-Common left and right sides of CRM)

Front-end performance optimization:

1. Domain Name address 2. domain name resolution 3. Three handshakes (request-response-send) 4. HTML (load resources) 5. JS

Reduce the number of website requests?

1. File compression (HTML, css, js, and images)

2. Icon font (Use font instead of image as much as possible)

3. css sprst (integrate a small image)

4. File Cache

5. ajax Cache

6. CDN Acceleration

7. File Merging

8.css Selector

9. Reduce js dom Cache

How to center an element?

Horizontal:

1. margin: 0 auto

2. Positioning 50%

3. text-align: center

4. JS dynamic center

5. center in HTML4.0

6. padding %

7. margin %

8. Use an empty DIV to squeeze the space

Vertical:

1. padding debugging

2. margin debugging

3. line-height

4. Positioning

5. th (Table Label display: tablecell)

What are css reflux and css re-painting?

1.css reflux: Two css styles of the same attribute are executed first, and the other one will overwrite the previous css style.

2.css re-painting: caused by typographical and structural events.