2�

2�/M�'�-^8́���,���q�(7���S��ub�AE�,���*Ҧ�e���UO�h�2�'�

---

�H/2�?

SO�h�60 HTML
CSS � JavaScript ,������ B��M���H�0OU �*��:

1. �� DOM  - � HTML ���c�a!�

2. �� CSSOM  - � CSS ��7�a!�

3. 2� -  DOM � CSSOM �2�

4. @(Layout) - ���*C �Mn�'

5. �6(Paint) - � �60OU

6. (Composite) - *�Bv>:

2�1/�̀/K�,�ٛe���,��ub�2�H�

---

:�H��2�?

• �G�O�}� - (7��0ub��
• 9���͔' - ��
  ڨI�\�AE
• �uba - M"a PPT"�4,S�
• MND�� - � CPU ��X(,��5�}
• ��(7YX - �}�'�&e�}�(7S�

---

,������

(�e���-,��e���2�;�:

�@

• DOM ӄ - �U���H� DOM 
• �A�� - �O�h2�:6,M Ł�'���
• �� - (���X���

JavaScript 

• 2��A - �6ؑ���ё�
• **e** - )(e:6M;^;�
• Web Worker - ����0�
• JS � - ��'�� JavaScript �
  

F�

• React '� - Memo
  useCallback
  useMemo I��
• Vue '� - Vue y �'��H
• SSR 2� - ��2��G�O'�

ا�/

• Web �; - ( CSS �;� requestAnimationFrame
• h - Z�ڨ�/'�pn
• Service Worker - ��X��
• �} - Ҡ}
  ��}I�}Ve

---

�Uf`,��?

1. ��� - �� z��,��@��0ا�/
2. �K�� - �*�� �� Demo,�4O�
3. � - Ł�SHZ,��:�H�7Z
4. ��E - �Uٛ�/�(0�Ey�-

���ˢ"2��L,�`�Qu�we!

---