찾다
웹 프론트엔드프런트엔드 Q&A자바스크립트의 주요 부분은 무엇입니까?

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
  • 로드 및 저장 소개

3. 브라우저 개체 모델(BOM):

브라우저 개체 모델(BOM)은 브라우저 창에 액세스하고 작동합니다.

기능

    브라우저 창 및 프레임 처리
  • 브라우저 작업을 위한 js 확장
  • 특정 기능

    새 브라우저 창을 팝업하는 기능
  • 이동, 확대/축소 및 기능
  • 브라우저 세부 정보를 제공하는 navigator 객체
  • 브라우저가 로드한 페이지의 세부 정보를 제공하는 location 객체
  • 사용자의 모니터 해상도 세부 정보를 제공하는 화면 객체
  • 쿠키 지원
  • XMLHttpRequest -- ActiveXObject
  • 예: 새 브라우저 창 팝업, 브라우저 창 이동, 변경 및 닫기, 자세한 웹 브라우저 정보(네비게이터 개체), 자세한 페이지 정보 제공 (위치 객체), 상세 사용자 화면 해상도 정보(화면 객체), 쿠키 지원 등

BOM은 JavaScript의 일부로 관련 표준에서 지원되지 않습니다. 각 브라우저에는 자체 구현이 있지만 사실상 개발자에게 특정 문제가 발생합니다.

【관련 권장 사항:

javascript 학습 튜토리얼

위 내용은 자바스크립트의 주요 부분은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
React의 SEO 친화적 인 특성 : 검색 엔진 가시성 향상React의 SEO 친화적 인 특성 : 검색 엔진 가시성 향상Apr 26, 2025 am 12:27 AM

예, ReactApplicationsCanbeseo 친화적 인 전략적 전략

React의 성능 병목 현상 : 느린 구성 요소 식별 및 최적화React의 성능 병목 현상 : 느린 구성 요소 식별 및 최적화Apr 26, 2025 am 12:25 AM

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

React의 대안 : 다른 JavaScript UI 라이브러리 및 프레임 워크 탐색React의 대안 : 다른 JavaScript UI 라이브러리 및 프레임 워크 탐색Apr 26, 2025 am 12:24 AM

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

Keys and React의 조정 알고리즘 : 성능 향상Keys and React의 조정 알고리즘 : 성능 향상Apr 26, 2025 am 12:21 AM

keysinReactarespecialattributesSassignedToElementsInArraysforraysfortableIdentity, CrucialThereconciliationAlgorithm WhichupDatesThemonficially

RECT 프로젝트에 필요한 보일러 플레이트 코드 : 설정 오버 헤드 감소RECT 프로젝트에 필요한 보일러 플레이트 코드 : 설정 오버 헤드 감소Apr 26, 2025 am 12:19 AM

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

usestate () 이해 : 국가 관리에 대한 포괄적 인 안내서usestate () 이해 : 국가 관리에 대한 포괄적 인 안내서Apr 25, 2025 am 12:21 AM

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

React 사용의 장점은 무엇입니까?React 사용의 장점은 무엇입니까?Apr 25, 2025 am 12:16 AM

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

React의 디버깅 : 일반적인 문제를 식별하고 해결합니다React의 디버깅 : 일반적인 문제를 식별하고 해결합니다Apr 25, 2025 am 12:09 AM

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

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

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

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

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

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

맨티스BT

맨티스BT

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

PhpStorm 맥 버전

PhpStorm 맥 버전

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