10/10 front-end study

1. e.target 

2. parentelement

3. toggle  //add or remove a style 

4. rem // front size at HTML 

5. em //front size at parent element

6. @media // 

7. text-transform 

8. Span //换行

9. be  // 不换行

10. return 后直接跳出方程

11. trim()用法

UI design 

1.  White space, 预留1.3 – 1.9 em
2. Alignment: everything should be aligned in the same column
3. Contrast ratios: image text has a contrast ratio of at least 7:1. Large text should have a contrast ratio at least 4.5: 1
4. Scale: the size of every element should be considered (font size, text size…)
5. Typograph: font-family; font size; line-height; font-weight
6. Visual hierarchy