API 소개
ofa.js API 개요입니다. 필요할 때 자세한 문서를 찾아 보기 위해 먼저 살펴보세요.
인스턴스 관련
- $：인스턴스를 가져오는 주요 메소드
- all：모든 관련 인스턴스를 가져옴
- prev：대상 요소의 이전 인스턴스를 가져옴
- prevs：대상 요소 앞에 있는 모든 인스턴스를 가져옴
- next：대상 요소의 다음 인턴스를 가져옴
- nexts：대상 요소 뒤에 있는 모든 인스턴스를 가져옴
- siblings：대상 요소의 모든 인접 요소 인스턴스를 가져옴
- parent：부모 요소 인스턴스를 가져옴
- parents：모든 부모 요소의 인스턴스 집합을 가져옴
- clone：인스턴스를 복제하는 메소드
- ele：인스턴스의 실제 기본 요소를 가져옴
- shadow：사용자 정의 컴포넌트의 그림자 루트 노드를 가져옴
- root：대상 인스턴스의 루트 노드를 가져옴
- 자식 요소：숫자를 통해 직접 자식 요소를 가져옴
- host：대상의 앱 요소 인스턴스를 가져옴
노드 조작
- 추가 또는 삭제 child 노드
- before：대상 인스턴스의 앞에 요소 추가
- after：대상 인스턴스의 뒤에 요소 추가
- remove：대상 요소 삭제
- wrap：대상 요소 위에 레이어 추가
- unwrap：대상 요소에 대한 레이어 제거
속성 조작
- text：대상 요소의 텍스트를 가져오거나 설정합니다.
- html：대상 요소의 HTML 코드를 가져오거나 설정합니다.
- attr：대상 요소의 속성(attributes)을 가져오거나 설정합니다.
- css대상 요소의 스타일을 가져오거나 설정합니다.
- style：대상 요소의 기본 스타일을 가져옵니다.
- classList：대상 요소의 기본 class 목록을 가져옵니다.
- data：대상 요소의 기본 데이터 집합을 가져옵니다.
이벤트 관련
템플릿 문법
- 텍스트 렌더링：템플릿 파일에서 텍스트를 빠르게 렌더링합니다.
- class：템플릿 파일에서 클래스 이름을 빠르게 렌더링합니다.
- sync：템플릿 파일로 데이터를 빠르게 동기화합니다.
- 조건부 렌더링템플릿 파일에서 필요에 따라 내용을 렌더링합니다.
- 리스트 렌더링：템플릿 파일에서 배열 데이터를 빠르게 렌더링합니다.
수명 주기
- created：컴포넌트가 생성되지만 내용이 렌더링되기 전에 발생합니다.
- ready：컴포넌트가 생성되고 내용이 렌더링된 후에 발생합니다.
- watch：컴포넌트가 초기화되고 값이 변경된 후에 발생합니다.
- loaded：컴포넌트에 포함된 리소스가 로드된 후에 발생합니다.
- attached：컴포넌트가 문서에 추가된 후에 발생합니다.
- detached：컴포넌트가 문서에서 제거된 후에 발생합니다.
- routerChange：중첩된 부모 페이지가 애플리케이션 라우팅이 변경될 때 발생합니다.
기타
- 박스 모델: 대상 요소의 모든 크기 관련 데이터를 가져옵니다.
- formData: 폼 데이터를 편리하게 바인딩하고 가져옵니다.
- 태그: 대상의 태그 이름을 가져옵니다.
- 인덱스: 대상 요소의 부모 요소 내에서의 순서를 가져옵니다.
- is: 대상 요소가 CSS 선택자 표현식과 일치하는지 확인합니다.
- 새로고침: 컴포넌트의 인터페이스를 수동으로 새로고침합니다.
- 경로: 컴포넌트 또는 페이지의 등록 파일 주소를 가져옵니다.
- 확장: 인스턴스의 데이터 또는 메소드를 확장하거나 ofa.js의 내부 데이터 또는 메소드를 확장합니다.
- 버전: 현재로서의 ofa.js의 버전 번호를 가져옵니다.
- 인스턴스 데이터 특성: 인스턴스 데이터의 하위 객체 데이터 특성에 대해 설명하고 데이터 변경을 어떻게 감시할지 소개합니다