Home-theater-designers
동적 웹페이지를 구축하려면 다음으로 HTML 및 CSS 지식을 보완해야 합니다. 자바스크립트의 이해 . 이 스크립팅 언어는 현대 웹 개발에 필수적인 것으로 간주됩니다.
JavaScript를 사용하여 모든 종류의 흥미로운 대화형 앱과 웹사이트를 구축할 수 있지만 그 과정에서 배울 것이 많습니다. 이를 염두에 두고 다음 JavaScript 치트 시트를 만들었습니다.
치트 시트는 필요할 때마다 JavaScript 요소에 대한 빠른 복습 역할을 할 수 있습니다. 초보자와 전문가 모두에게 편리합니다.
내 마우스가 작동하지 않는 이유
무료 다운로드: 이 치트 시트는 다운로드 가능한 PDF 유통 파트너인 TradePub에서 제공합니다. 처음으로만 액세스하려면 간단한 양식을 작성해야 합니다. 다운로드 궁극의 JavaScript 치트 시트 .
궁극의 JavaScript 치트 시트
| 지름길 | 동작 |
|---|---|
| 자바스크립트 배열 | |
| 연결() | 여러 배열을 하나로 결합 |
| 카피내() | 배열 내의 배열 요소를 지정된 위치로 복사 |
| indexOf() | 지정된 객체의 기본 값을 반환합니다. |
| 포함() | 배열에 지정된 요소가 포함되어 있는지 확인 |
| 가입하다() | 배열의 요소를 단일 문자열로 결합하고 문자열 반환 |
| 항목() | 키/값 쌍 Array Iteration Object 반환 |
| 모든() | 배열의 모든 요소가 테스트를 통과하는지 확인 |
| 채우다() | 정적 값으로 배열의 요소 채우기 |
| 필터() | 테스트를 통과한 배열의 모든 요소로 새 배열을 만듭니다. |
| 찾기() | 테스트를 통과한 배열의 첫 번째 요소 값을 반환합니다. |
| 각각() | 각 배열 요소에 대한 함수 호출 |
| 에서() | 개체에서 배열 만들기 |
| 마지막 인덱스() | 주어진 요소가 배열에서 나타나는 마지막 위치를 지정하십시오. |
| 팝 () | 배열의 마지막 요소 제거 |
| 푸시() | 끝에 새 요소 추가 |
| 뒤집다() | 내림차순으로 요소 정렬 |
| 줄이다() | 배열의 값을 단일 값으로 줄이기(왼쪽에서 오른쪽으로) |
| 리듀스 라이트() | 배열의 값을 단일 값으로 줄이기(오른쪽에서 왼쪽으로) |
| 옮기다() | 배열의 첫 번째 요소 제거 |
| 일부분() | 배열의 일부 복사본을 새 배열 객체로 가져옵니다. |
| 종류() | 요소를 알파벳순으로 정렬 |
| 접착() | 지정된 방식과 위치에 요소 추가 |
| unshift() | 시작 부분에 새 요소 추가 |
| JavaScript 부울 메서드 | |
| toString() | 부울 값을 문자열로 변환하고 결과를 반환합니다. |
| 값의() | 주어진 요소가 배열에서 나타나는 첫 번째 위치를 반환 |
| 소스() | 객체의 소스 코드를 나타내는 문자열 반환 |
| JavaScript 산술 연산자 | |
| + | 덧셈 |
| - | 빼기 |
| * | 곱셈 |
| / | 분할 |
| (...) | 그룹화 연산자(괄호 안의 연산이 바깥쪽 연산보다 먼저 실행됨) |
| % | 계수(나머지) |
| ++ | 숫자 증분 |
| - | 숫자 감소 |
| == | 동일 |
| === | 동일한 값 및 동일한 유형 |
| ! = | 같지 않음 |
| ! == | 같지 않은 값 또는 같지 않은 유형 |
| > | 보다 큰 |
| < | 미만 |
| > = | 크거나 같음 |
| <= | 작거나 같음 |
| ? | 삼항 연산자 |
| 논리 연산자 | |
| && | 논리 AND |
| || | 논리적 OR |
| ! | 논리적 NOT |
| 비트 연산자 | |
| & | AND 문 |
| | | OR 문 |
| ~ | 아니다 |
| ^^ | XOR |
| << | 왼쪽 시프트 |
| >> | 오른쪽 시프트 |
| >>> | 제로 채우기 오른쪽 시프트 |
| 기능 | |
| 알리다() | 브라우저 창의 경고 상자에 데이터 출력 |
| 확인하다() | 예/아니오 대화 상자를 열고 사용자 클릭에 따라 true/false를 반환합니다. |
| console.log() | 브라우저 콘솔에 정보 쓰기(디버깅 목적에 적합) |
| 문서.쓰기() | HTML 문서에 직접 쓰기 |
| 즉각적인() | 사용자 입력을 위한 대화 상자 만들기 |
| 전역 함수 | |
| 디코딩() | encodeURI 또는 이와 유사한 것으로 생성된 URI(Uniform Resource Identifier) 디코딩 |
| 디코드URIComponent() | 구성 요소 URI 디코딩 |
| 인코딩URI() | URI를 UTF-8로 인코딩 |
| 인코딩URIComponent() | 동일하지만 URI 구성 요소의 경우 |
| 평가() | 문자열로 표현되는 JavaScript 코드 평가 |
| isFinite() | 전달된 값이 유한 숫자인지 확인 |
| isNaN() | 값이 잘못된 숫자인지 확인 |
| 숫자() | 개체의 값을 숫자로 변환 |
| parseFloat() | 문자열을 구문 분석하고 부동 소수점 숫자를 반환합니다. |
| 구문 분석() | 문자열을 구문 분석하고 정수 반환 |
| 자바스크립트 루프 | |
| ~을위한 | JavaScript에서 루프를 만드는 가장 일반적인 방법 |
| 동안 | 루프가 실행되는 조건 설정 |
| 동안 | 그러나 while 루프와 유사하게 적어도 한 번 실행하고 마지막에 검사를 수행하여 다시 실행하기 위한 조건이 충족되는지 확인합니다. |
| 부서지다 | 특정 조건이 충족되면 사이클을 중지하고 종료합니다. |
| 계속하다 | 특정 조건이 충족되면 주기의 일부를 건너뜁니다. |
| 탈출 문자 | |
| ' | 작은따옴표 |
| ' | 큰따옴표 |
| \ | 백슬래시 |
| NS | 역행 키이 |
| NS | 양식 피드 |
| N | 새로운 라인 |
| NS | 캐리지 리턴 |
| NS | 수평표기 |
| V | 수직표기 |
| JavaScript 문자열 메서드 | |
| 문자() | 문자열 내부의 지정된 위치에 있는 문자를 반환 |
| charCodeAt() | 해당 위치에 문자의 유니 코드를 제공하십시오. |
| 연결() | 두 개 이상의 문자열을 하나로 연결(결합) |
| fromCharCode() | 지정된 UTF-16 코드 단위 시퀀스에서 생성된 문자열을 반환합니다. |
| indexOf() | 문자열 내에서 지정된 텍스트가 처음 나타나는 위치 제공 |
| 마지막 인덱스() | indexOf()와 동일하지만 마지막 항목에서 역방향 검색 |
| 성냥() | 검색 패턴과 일치하는 문자열 검색 |
| 바꾸다() | 문자열에서 지정된 텍스트 찾기 및 바꾸기 |
| 검색() | 일치하는 텍스트에 대한 검색을 실행하고 해당 위치를 반환합니다. |
| 일부분() | 문자열의 섹션을 추출하고 새 문자열로 반환 |
| 나뉘다() | 문자열 객체를 지정된 위치에서 문자열 배열로 분할 |
| 시작() | 문자열이 지정된 문자로 시작하는지 확인 |
| 하위 문자열() | slice()와 유사하지만 지정된 문자 수에 따라 하위 문자열을 추출합니다. |
| 부분 문자열() | slice()와 유사하지만 음수 인덱스를 허용할 수 없습니다. |
| 소문자() | 문자열을 소문자로 변환 |
| 대문자로() | 문자열을 대문자로 변환 |
| 값의() | 문자열 객체의 기본 값(속성이나 메서드가 없음)을 반환합니다. |
| 정규 표현식 구문 패턴 수정자 | |
| 그리고 | 교체 평가 |
| NS | 대소문자를 구분하지 않는 일치 수행 |
| NS | 전역 일치 수행 |
| 미디엄 | 여러 줄 일치 수행 |
| NS | 문자열을 한 줄로 처리 |
| NS | 패턴에 주석 및 공백 허용 |
| 유 | 욕심 없는 패턴 |
| 괄호 | |
| [알파벳] | 대괄호 안에 있는 문자를 찾으십시오. |
| [^ ABC] | 대괄호 안에 없는 문자 찾기 |
| [0-9] | 대괄호에 지정된 숫자 찾기 |
| [A~Z] | 대문자 A에서 소문자 z까지 임의의 문자 찾기 |
| (a|b|c) | |로 구분된 대안을 찾으십시오. |
| 메타 문자 | |
| . | 개행 또는 줄 종결자를 제외한 단일 문자 찾기 |
| 에 | 단어 문자 |
| 에 | 단어가 아닌 문자 |
| NS | 숫자 |
| NS | 숫자가 아닌 문자 |
| NS | 공백 문자 |
| NS | 공백이 아닌 문자 |
| NS | 단어의 시작/끝에서 일치 찾기 |
| NS | 단어의 시작/끝이 아닌 일치 항목 찾기 |
| u0000 | NUL 문자 |
| N | 새 줄 문자 |
| NS | 양식 피드 문자 |
| NS | 캐리지 리턴 문자 |
| NS | 탭 문자 |
| V | 세로 탭 문자 |
| xxx | 8진수 xxx로 지정된 문자 |
| xdd | 16진수 dd로 지정된 라틴 문자 |
| dddd | 16진수로 지정된 유니코드 문자 dddd |
| 수량자 | |
| 엔+ | 하나 이상의 n을 포함하는 모든 문자열과 일치 |
| N* | n이 0개 이상 포함된 모든 문자열 |
| N? | n이 0개 또는 1번 발생하는 모든 문자열 |
| n{X} | X n의 시퀀스를 포함하는 모든 문자열 |
| n {X, Y} | X에서 Y n까지의 시퀀스를 포함하는 문자열 |
| n{X,} | 적어도 Xn의 시퀀스를 포함하는 모든 문자열과 일치합니다. |
| 엔$ | 끝에 n이 있는 모든 문자열 |
| ^n | 시작 부분에 n이 있는 문자열 |
| ?=n | 특정 문자열 다음에 오는 모든 문자열 n |
| ?!N | 특정 문자열이 뒤에 오지 않는 문자열 n |
| 숫자 속성 | |
| MAX_VALUE | JavaScript에서 표현할 수 있는 최대 숫자 값 |
| MIN_VALUE | JavaScript에서 표현할 수 있는 가장 작은 양수 값 |
| 난 | 숫자가 아닌 값 |
| NEGATIVE_INFINITY | 음의 무한대 값 |
| POSITIVE_INFINITY | 양의 무한대 값 |
| 숫자 방식 | |
| 지수() | 지수 표기법으로 작성된 반올림된 숫자로 문자열을 반환합니다. |
| 고정() | 지정된 소수 자릿수를 가진 숫자의 문자열 반환 |
| 정밀() | 지정된 길이로 작성된 숫자의 문자열 반환 |
| toString() | 숫자를 문자열로 반환 |
| 값의() | 숫자를 숫자로 반환 |
| 수학 속성 | |
| 그리고 | 오일러의 수 |
| LN2 | 2의 자연 로그 |
| LN10 | 10의 자연 로그 |
| 로그2E | E의 밑이 2인 로그 |
| 로그10E | E의 밑이 10인 로그 |
| 파이 | 숫자 PI |
| SQRT1_2 | 1/2의 제곱근 |
| SQRT2 | 2의 제곱근 |
| 수학 방법 | |
| 복근(x) | x의 절대(양수) 값을 반환합니다. |
| 아코스 (x) | x의 아크코사인(라디안) |
| 아신(x) | x의 아크사인(라디안) |
| 아탄 (x) | 숫자 값으로 x의 아크탄젠트 |
| atan2 (y, x) | 인수의 몫의 아크탄젠트 |
| 천장(x) | 가장 가까운 정수로 반올림된 x 값 |
| 코스(x) | x의 코사인(x는 라디안 단위) |
| 경험치(x) | 전의 가치 |
| 바닥(x) | 가장 가까운 정수로 내림한 x 값 |
| 로그(x) | x의 자연 로그(밑 E) |
| 최대(x,y,z,...,n) | 가장 높은 값을 가진 숫자 |
| 최소(x, y, z, ..., n) | 값이 가장 낮은 숫자 |
| 파우 (x, y) | X의 y제곱 |
| 무작위의() | 0과 1 사이의 난수 |
| 라운드(x) | 가장 가까운 정수로 반올림된 x 값 |
| 죄 (x) | x의 사인(x는 라디안 단위) |
| 제곱미터(x) | x의 제곱근 |
| 그래서 (x) | 각도의 탄젠트 |
| 날짜 | |
| 날짜() | 현재 날짜와 시간으로 새 날짜 개체 만들기 |
| 날짜(2017, 5, 21, 3, 23, 10, 0) | 사용자 지정 날짜 개체를 만듭니다. 숫자는 년, 월, 일, 시, 분, 초, 밀리초를 나타냅니다. 연도와 월을 제외하고 원하는 것은 무엇이든 생략할 수 있습니다. |
| 날짜(2017-06-23) | 문자열로 날짜 선언 |
| getDate() | 날짜를 숫자로 가져오기 (1-31) |
| getDay() | 요일을 숫자로 가져오기(0-6) |
| getFullYear() | 4자리 숫자로 연도 가져오기(yyyy) |
| getHours() | 시간 가져오기(0-23) |
| getMilliseconds() | 밀리초 가져오기(0-999) |
| getMinutes() | 분 가져오기(0-59) |
| getMonth() | 월을 숫자로 가져오기(0-11) |
| getSeconds() | 두 번째 가져오기(0-59) |
| getTime() | 시간 가져오기(1970년 1월 1일 이후의 밀리초) |
| getUTCD날짜() | 표준시(일, 월, 1년, 시, 분 등에도 사용 가능)에 따라 지정된 날짜의 해당 월의 일(날짜) |
| 분석하다 | 날짜의 문자열 표현을 구문 분석하고 1970년 1월 1일 이후의 밀리초 수를 반환합니다. |
| 날짜 설정() | 요일을 숫자로 설정(1-31) |
| setFullYear() | 연도 설정(선택적으로 월과 일) |
| setHours() | 시간 설정(0-23) |
| setMilliseconds() | 밀리초 설정(0-999) |
| setMinutes() | 분 설정(0-59) |
| setMonth() | 월 설정(0-11) |
| setSeconds() | 초 설정(0-59) |
| setTime() | 시간 설정(1970년 1월 1일 이후의 밀리초) |
| setUTCDate() | 표준시(일, 월, 1년, 시, 분 등에도 사용 가능)에 따라 지정된 날짜의 날짜를 설정합니다. |
| DOM 모드 노드 속성 | |
| 속성 | 요소에 등록된 모든 속성의 라이브 컬렉션 |
| baseURI | HTML 요소의 절대 기본 URL |
| 자식 노드 | 요소의 자식 노드 컬렉션 |
| 첫 번째 차일드 | 요소의 첫 번째 자식 노드 |
| 막내 | 요소의 마지막 자식 노드 |
| 다음자매 | 동일한 노드 트리 수준의 다음 노드 |
| 노드 이름 | 노드 이름 |
| 노드 유형 | 노드 유형 |
| 노드 값 | 노드의 가치 |
| 소유자 문서 | 현재 노드에 대한 최상위 문서 개체 |
| 부모 노드 | 요소의 부모 노드 |
| 이전 형제자매 | 현재 노드 바로 앞의 노드 |
| 텍스트 내용 | 노드 및 해당 하위 항목의 텍스트 콘텐츠 |
| 노드 메서드 | |
| 추가자식() | 마지막 자식 노드로 요소에 새 자식 노드 추가 |
| 클론노드() | HTML 요소 복제 |
| 문서 위치 비교() | 두 요소의 문서 위치 비교 |
| getFeature() | 지정된 기능의 API를 구현하는 객체를 반환합니다. |
| hasAttributes() | 요소에 속성이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다. |
| hasChildNodes() | 요소에 자식 노드가 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다. |
| 이전에 삽입() | 지정된 기존 자식 노드 앞에 새 자식 노드 삽입 |
| isDefault네임스페이스() | 지정된 namespaceURI가 기본값이면 true를 반환하고, 그렇지 않으면 false를 반환합니다. |
| isEqualNode() | 두 요소가 같은지 확인 |
| isSameNode() | 두 요소가 동일한 노드인지 확인 |
| 지원됨() | 요소에서 지정된 기능이 지원되면 true를 반환합니다. |
| 조회 네임스페이스URI() | 주어진 노드와 관련된 namespaceURI 반환 |
| 조회접두사() | 주어진 namespaceURI에 대한 접두사를 포함하는 DOMString을 반환합니다(있는 경우). |
| 정규화() | 인접한 텍스트 노드를 결합하고 요소에서 빈 텍스트 노드 제거 |
| 자식 제거() | 요소에서 자식 노드 제거 |
| 대체자식() | 요소의 자식 노드 바꾸기 |
| 요소 메서드 | |
| 속성 가져오기() | 요소 노드의 지정된 속성 값을 반환합니다. |
| getAttributeNS() | 지정된 네임스페이스와 이름을 가진 속성의 문자열 값을 반환합니다. |
| getAttributeNode() | 지정된 속성 노드 가져오기 |
| getAttributeNodeNS() | 주어진 네임스페이스와 이름을 가진 속성에 대한 속성 노드를 반환합니다. |
| getElementsByTagName() | 지정된 태그 이름을 가진 모든 자식 요소의 컬렉션 제공 |
| getElementsByTagNameNS() | 주어진 네임스페이스에 속하는 특정 태그 이름을 가진 요소의 라이브 HTML 컬렉션을 반환합니다. |
| hasAttribute() | 요소에 속성이 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다. |
| hasAttributeNS() | 주어진 네임스페이스의 현재 요소에 지정된 속성이 있는지 여부를 나타내는 true/false 값을 제공하십시오. |
| 제거 속성() | 요소에서 지정된 속성 제거 |
| 제거 속성 NS() | 특정 네임스페이스 내의 요소에서 지정된 속성을 제거합니다. |
| 제거 속성 노드() | 지정된 속성 노드를 제거하고 제거된 노드를 반환합니다. |
| 세트 속성() | 지정된 속성을 지정된 값으로 설정 또는 변경 |
| setAttributeNS() | 새 속성을 추가하거나 지정된 네임스페이스 및 이름으로 속성 값을 변경합니다. |
| setAttributeNode() | 지정된 속성 노드 설정 또는 변경 |
| setAttributeNodeNS() | 요소에 새 네임스페이스 속성 노드 추가 |
| 브라우저 창 속성 | |
| 닫은 | 창이 닫혔는지 확인하고 true 또는 false를 반환합니다. |
| 기본 상태 | 창의 상태 표시줄에서 기본 텍스트 설정 또는 반환 |
| 문서 | 창에 대한 문서 객체 반환 |
| 프레임 | 모두 반환 |