day01
am:
프런트엔드의 세 가지 기본 지식:
HTML: 웹페이지 콘텐츠 작성에 특화
CSS: 웹페이지 스타일 디자인에 특화
JavaScript : 웹페이지 상호작용 언어 설계 전문
상호작용: 데이터 입력, 프로그램이 데이터 처리, 결과 반환
자바스크립트란:
1. 웹페이지 상호작용을 위해 특별히 설계된 언어
2. JavaScript 인터프리터에서 실행
3, "설명" 실행 - 책을 읽는 것과 같습니다
4. 인터넷 최대 언어: JSer
Brandon Edge: 4개 언어가 함께 사용됨 - JavaScript
ECMAScript 표준: JavaScript 핵심 구문
Microsoft: JScript
ECMAScript 표준: 종이 한 장
JavaScript와 JScript 모두 ECMAScript 표준을 완전히 구현한다고 주장합니다.
W3C: DOM 표준: a HTML 요소, CSS 스타일 및 이벤트를 구체적으로 작동하기 위한 통일된 표준!
BOM: 브라우저 창 운영 전용 도구입니다.
표준은 없으며 브라우저 제조업체가 직접 구현합니다.
JavaScript=ECMAScript DOM BOM
Mozilla Foundation——>Firefox
JSer의 가장 큰 과제: 브라우저 호환성 문제
JavaScript의 일반적인 사용:
1. 클라이언트측 데이터 계산
2. 클라이언트측 양식 유효성 검사
3. 애니메이션
JavaScript 기능: 일반 텍스트 및 실행; 약한 타이핑 ; 객체 기반
사용 방법:
1. 브라우저와 함께 제공되는 js 인터프리터 사용:
F12——> 콘솔
커서에 스크립트 코드를 작성하고 Enter를 눌러 실행하세요.
콘솔: 콘솔을 의미합니다. 프로그램 출력 결과를 디버깅하는 전용 창입니다.
로그: 콘솔에서 제공하는 기능: 로그 한 줄을 콘솔에 출력합니다.
여러 줄: Shift Enter--->줄 바꿈
** JavaScript는 대소문자를 구분합니다! **
**문자열에 작은 따옴표와 큰 따옴표를 사용할 수 있습니다**
2. 특수 인터프리터 소프트웨어를 별도로 설치합니다: node.js Chrome V8
win R——>cmd——>node
종료: Ctrl c 두 번
.js 파일 실행: 1. 먼저 .js 파일 경로로 이동합니다
2. 노드 파일 이름을 입력합니다
3. 웹페이지로 실행:
찾아보기 이 도구에는 두 가지 도구가 포함되어 있습니다.
조판 엔진: HTML 콘텐츠 및 CSS 스타일을 구체적으로 로드합니다.
해석 엔진: js 스크립트를 구체적으로 실행합니다.