browser rendering

공부한 것

브라우저가 웹 페이지를 랜더링하는 순서

1. parsing
   1. html
      1. tokenizing
      2. DOM tree construction
   2. <script>가 있을 때 javascript parsing
   3. css
      1. tokenizing
      2. CSSOM tree construction
   4. reqeustAnimationFrame(edge랑 safari는 painting뒤에)
2. calc style : html dom + cssom + js = make render tree
   1. render tree
      1. objects tree
      2. style tree
      3. layers : 여러개의 layer 로 구성하여 반응형을 만듦
      4. line boxes: text handling
3. layout : calc position. layout도 처리 순간에 따라 종류가 다름. 즉시 반영할 것인지, 반영할 예정인지 등
4. painting: make pixel data. chrome은 12개의 phases
5. 컴포지팅 : 레이어 합성

---

남은 것

event loop