DOM

Creator

Creator

Seonglae Cho

Created

Created

2020 Sep 24 8:45

Editor

Editor

Seonglae Cho

Edited

Edited

2024 Jan 11 13:36

Refs

Refs

Document Object Model

W3C가 표준화한 여러 개의 API의 기반이자 동적 웹을 위한 기반

현행의 DOM 규격은 단계 2, 일부 단계 3 규격 역시 현재 W3C의 권고안

JavaScript로 DOM 요소에 액세스하는 속도가 느리다

DOM Notion

DOM Interfaces

Dom CustomEvent

Dom EventTarget

Dom HTMLCollection

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

레이아웃에 영향을 미치는 것들에 대한 정리는 What forces layout/reflow 란 글이 잘 설명해준다. 3.1.1 CSS 속성 개요 분류: CSS 이야기가 나온김에 리플로우에 영향을 미치는 유명한 CSS 요소들을 뽑아보자면 [ CSS Triggers, 20 Tips for Optimizing CSS Performance] 이 있다. 그리고 재계산을 유발하기로 유명한 속성은 다음이 있으며 불필요하게 값을 수정하지 않는게 좋다.

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

https://black7375.tistory.com/79

[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링

When extensions are needed, the DOM Standard can be updated accordingly, or a new standard can be written that hooks into the provided extensibility hooks for applicable specifications.

https://dom.spec.whatwg.org/

이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지에 대한 참조 정보와 예제들을 제공한다. 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다.

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

Recommendations

//////////