Javascript는 주로 세 부분으로 구성됩니다. 1. 언어의 기본 구문과 데이터 유형을 설명하는 ECMAScript 2. HTML 및 XML용 애플리케이션 프로그래밍 인터페이스인 DOM(문서 개체 모델) 브라우저 창에 액세스하고 작동하는 모델(BOM)입니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
JavaScript와 ECMAScript는 동일한 의미를 표현하는 데 자주 사용되지만 JavaScript는 ECMA-262에 지정된 것보다 훨씬 더 많은 의미를 갖습니다. 완전한 JavaScript 구현은
Core(ECMAScript)
Document Object Model(DOM)
Browser Object Model(BOM)
1의 세 부분으로 구성되어야 합니다. JavaScript의 핵심은 언어의 기본 구문(var, for, if, 배열 등)과 데이터 유형(숫자, 문자열, 부울, 함수, 객체(obj, [], {}, null), 정의되지 않음)을 설명합니다. 정의), ECMAScript는 JS와 같은 언어가 어떻게 생겼는지 정의하는 표준 세트입니다.
2. DOM(문서 개체 모델):DOM(문서 개체 모델)은 HTML 및 XML의 API(응용 프로그래밍 인터페이스)입니다. DOM은 전체 페이지를 노드 계층으로 구성된 문서로 계획합니다. HTML 또는 XML 페이지의 각 부분은 노드의 파생물입니다.
DOM은 트리를 생성하여 문서를 표현하므로 개발자는 문서의 내용과 구조를 전례 없이 제어할 수 있습니다. DOM API(getElementById, childNodes,appendChild, innerHTML)를 사용하여 노드를 쉽게 제거, 추가 및 교체할 수 있습니다.
DOM 레벨
- DOM1
-
DOM Core XML 기반 문서 구조를 매핑하는 방법
DOM html html에 대한 개체 및 메서드 추가
DOM2 -
확장된 마우스 및 사용자 인터페이스 이벤트, 범위, 순회 하위 구분 모듈은 객체 인터페이스를 통해 CSS에 대한 지원을 추가합니다.
상세 내용은 다음과 같습니다.
- DOM 뷰: 다양한 문서 뷰를 추적하기 위한 인터페이스를 정의합니다.
- DOM 이벤트: 이벤트 및 이벤트 처리를 위한 인터페이스를 정의합니다.
- DOM 스타일: 작동 스타일을 정의합니다. CSS 기반 요소
- DOM 탐색 및 범위: a. 문서 트리 탐색 및 작동을 위한 인터페이스 정의 b. 문서를 확인하는 새로운 방법 추가
DOM3 -
로드 및 저장 소개
브라우저 개체 모델(BOM)은 브라우저 창에 액세스하고 작동합니다.
기능
- 브라우저 창 및 프레임 처리
- 브라우저 작업을 위한 js 확장
- 특정 기능
- 새 브라우저 창을 팝업하는 기능
- 이동, 확대/축소 및 기능
- 브라우저 세부 정보를 제공하는 navigator 객체
- 브라우저가 로드한 페이지의 세부 정보를 제공하는 location 객체
- 사용자의 모니터 해상도 세부 정보를 제공하는 화면 객체
-
- XMLHttpRequest -- ActiveXObject
- 예: 새 브라우저 창 팝업, 브라우저 창 이동, 변경 및 닫기, 자세한 웹 브라우저 정보(네비게이터 개체), 자세한 페이지 정보 제공 (위치 객체), 상세 사용자 화면 해상도 정보(화면 객체), 쿠키 지원 등
BOM은 JavaScript의 일부로 관련 표준에서 지원되지 않습니다. 각 브라우저에는 자체 구현이 있지만 사실상 개발자에게 특정 문제가 발생합니다.
【관련 권장 사항:
javascript 학습 튜토리얼위 내용은 자바스크립트의 주요 부분은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

반응 성능 병목 현상은 주로 비효율적 인 렌더링, 불필요한 재 렌더링 및 구성 요소 내부 중량의 계산으로 인해 발생합니다. 1) ReactDevTools를 사용하여 느린 구성 요소를 찾아서 React.Memo 최적화를 적용하십시오. 2) useeffect를 최적화하여 필요할 때만 실행되도록하십시오. 3) 메모리 처리에는 usememo 및 usecallback을 사용하십시오. 4) 큰 구성 요소를 작은 구성 요소로 분할하십시오. 5) 빅 데이터 목록의 경우 가상 스크롤 기술을 사용하여 렌더링을 최적화하십시오. 이러한 방법을 통해 React Applications의 성능을 크게 향상시킬 수 있습니다.

누군가는 성능 문제, 학습 곡선 또는 다른 UI 개발 방법을 탐색하여 반응 할 대안을 찾을 수 있습니다. 1) vue.js는 소형 및 대규모 응용 프로그램에 적합한 통합 및 가벼운 학습 곡선의 용이성으로 칭찬받습니다. 2) Angular는 Google에 의해 개발되며 강력한 유형 시스템 및 종속성 주입을 통해 대규모 응용 프로그램에 적합합니다. 3) Svelte는 빌드 타임에 효율적인 JavaScript로 컴파일하여 탁월한 성능과 단순성을 제공하지만 생태계는 여전히 성장하고 있습니다. 대안을 선택할 때 프로젝트 요구, 팀 경험 및 프로젝트 규모에 따라 결정해야합니다.

keysinReactarespecialattributesSassignedToElementsInArraysforraysfortableIdentity, CrucialThereconciliationAlgorithm WhichupDatesThemonficially

ToreDuceseTupoverHeadInReactProjects, usetoolslikecreateActapp (CRA), Next.js, Gatsby, Orstarterkits 및 메인 교도소 E.1) crasimplifiessetupwithinglecommand.2) next.jsandgatsbyoffermorefeaturesbutaLearningCurve.3) StarterKitsProvideCorgeni

usestate () isareacthookusedtomanagestatefunctionalcomponents.1) itinitializesandupdatesstate, 2) workaledtthetThetThepleFcomponents, 3) canleadto'Stalestate'ifnotusedCorrecrally 및 4) performancanoptimizedUsecandusecaldates.

Reactispopularduetoitscomponent 기반 아카데입, 가상, Richcosystem 및 declarativenature.1) 구성 요소 기반 ectureallowsforeusableuipieces, Modularityandmainability 개선 가능성.

TodebugreactApplicationseffective, UsetheseStradegies : 1) 주소 propdrillingwithContapiorredux.2) handleaSnchronousOperationswithUsestAndUseefect, abortControllerTopReceConditions.3) 최적화 formanceSeMoAnduseCalbackTooid


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
