텍스트/자바스크립트 콘텐츠 유형이 더 이상 사용되지 않습니다. 이것은 Html 초기에 사용되었습니다. application/x-javascript는 실험적인 콘텐츠 유형(따라서 x-)이었습니다. 애플리케이션에서 이것을 사용해서는 안 됩니다. 브라우저에서 사용할 올바른 콘텐츠 유형은 application/javascript입니다. 이는 브라우저가 콘텐츠를 js 코드로 받아들이는 데 도움이 됩니다.

W3C에 따르면 동일합니다. 그러나 항상 document.location 대신 window.location을 사용하는 것을 선호해야 합니다.

이벤트는 어떤 일이 발생했다는 신호입니다. 예를 들어 DOM의 일부 내장 이벤트는 다음과 같습니다. - 클릭 − 포인팅 장치 버튼(ANY 버튼, 곧 기본 버튼만 될 예정)이 요소에서 눌렸다가 해제되었습니다. 마우스오버 − 포인팅 장치는 리스너가 연결된 요소나 그 자식 중 하나로 이동됩니다. 키업 − 모든 키가 해제됨 로드 − 리소스 및 종속 리소스 로드가 완료되었습니다. −를 사용하여 자신만의 이벤트를 만들 수 있습니다. new Event('my-event'); dispatchEvent

예, foreach() injavascript를 수행할 때 배열의 값을 변경할 수 있습니다. 이를 보기 위해 예를 들어 보겠습니다 - 예시 let arr = [1, 2, 3, 4]; arr.forEach((val, index) => arr[index] = val * val); console.log(arr); 출력 이것은 출력을 줄 것입니다 - [ 1, 4, 9, 16 ] forEach를 사용하여 반복할 때 여기에서 실제 배열을 수정했습니다.

javascript에서 throw new Error와 throw someObject의 차이점은 throw new Error는 전달된 오류를 다음 형식으로 래핑한다는 것입니다. - {    name: 'Error',    message: 'Whatever you pass in the constructor' } throw someObject는 개체를 있는 그대로 throw하고 try 블록에서 더 이상의 코드 실행을 허용하지 않습니다. 즉, throw new Error와

최신 브라우저에서 DOM 요소가 제거되면 해당 리스너도 자바스크립트의 메모리에서 제거됩니다. 이것은 요소가 참조가 없는 경우에만 발생합니다. 즉, 참조가 없고 가비지 수집될 수 있습니다. 그래야만 이벤트 리스너가 메모리에서 제거됩니다.

배열은 두 가지 방법으로 비교할 수 있습니다 - 메모리에 있는 동일한 배열 개체를 참조합니다. 다른 개체를 참조할 수 있지만 내용은 모두 동일합니다. 예시 사례 1의 경우 jasmine은 toBe 메소드를 제공합니다. 이것은 참조를 확인합니다. 예를 들어, describe("Array Equality", () => {    it("should check for array reference equility", () => {     &nb

JavaScript에서 사용할 수 있는 parseInt 함수에는 다음과 같은 서명이 있습니다. - 구문 parseInt(string, radix); 매개변수는 다음과 같습니다. - 문자열 - 구문 분석할 값. 이 인수가 문자열이 아니면 ToString 메서드를 사용하여 인수로 변환됩니다. 이 인수의 선행 공백은 무시됩니다. 기수 − 문자열의 기수(수학적 숫자 시스템의 기본)를 나타내는 2에서 36 사이의 정수입니다. 따라서 우리는 이 방법을 사용하여 문자열과 기수를 전달하고 2부터 36까지의 기수를 갖는 모든 숫자를 정수로

아무것도. V8 프로젝트에서 Google이 JS용으로 만든 것처럼 해당 언어 엔진을 최적화하는 데 적절한 투자를 하면 V8 속도에 도달할 수 있습니다. 이는 조직을 후원하여 이러한 언어에 대한 개발 및 최적화 노력을 더욱 강화함으로써 언어에 얼마나 많은 노력을 기울이느냐의 문제입니다.

개체 속성의 하위 집합을 가져오고 이러한 속성에서 새 개체를 만들려면 개체 구조화 및 속성 약어를 사용합니다. 예를 들어, 다음 개체가 있습니다 - 예시 const person = {    name: 'John',    age: 40,    city: 'LA',    school: 'High School' } 이름과 나이만 원하면 −를 사용하여 새 개체를 만들 수 있습니다. const {name, age} = pers

개체 속성의 하위 집합을 가져오고 이러한 속성에서 새 개체를 만들려면 개체 구조화 및 속성 약어를 사용합니다. 예를 들어, 다음 개체가 있습니다 - 예시 const person = {    name: 'John',    age: 40,    city: 'LA',    school: 'High School' } 이름과 나이만 원하면 −를 사용하여 새 개체를 만들 수 있습니다. const {name, age} = pers

div의 높이를 얻기 위해 clientHeight 및 offsetHeight의 2가지 속성을 사용할 수 있습니다. clientHeight에는 div의 패딩이 포함됩니다. offsetHeight에는 패딩, scrollBar 및 div의 테두리가 포함됩니다. 예시 예를 들어 다음 HTML이 있는 경우 - <div id="myDiv" height="400px"></div> −를 사용하여 높이를 얻을 수 있습니다. const height = document.querySelec

div의 높이를 얻기 위해 clientHeight 및 offsetHeight의 2가지 속성을 사용할 수 있습니다. clientHeight에는 div의 패딩이 포함됩니다. offsetHeight에는 패딩, scrollBar 및 div의 테두리가 포함됩니다. 예시 예를 들어 다음 HTML이 있는 경우 - <div id="myDiv" height="400px"></div> −를 사용하여 높이를 얻을 수 있습니다. const height = document.querySelec

JS 프레임워크는 일상적인 프로그래밍 기능 및 작업에 사용할 미리 작성된 코드가 있는 JavaScript 코드 라이브러리입니다. 말 그대로 웹사이트나 웹 애플리케이션을 구축하기 위한 프레임워크입니다. 예를 들어 일반 JS에서는 콘텐츠 업데이트 등의 스타일을 설정하기 위해 DOM API를 사용하여 DOM을 수동으로 업데이트해야 합니다. JS 프레임워크는 양방향 바인딩 및 템플릿과 같은 기능을 사용하여 이 반복적인 작업을 자동화하는 데 도움이 될 수 있습니다. 프레임워크에는 고유한 작업 방식이 있습니다. 예를 들어, Angular

javascript를 사용하여 Html 페이지 태그에서 데이터 URI로 이미지를 변환하려면 먼저 캔버스 요소를 만들고 너비와 높이를 이미지와 동일하게 설정하고 그 위에 이미지를 그리고 마지막으로 해당 요소에서 toDataURL 메서드를 호출해야 합니다. 그러면 이미지의 base64로 인코딩된 데이터 URI가 반환됩니다. 예를 들어, ID가 my-image인 이미지가 있는 경우 다음을 사용할 수 있습니다. - 예시 function getDataUrl(img) {    // Create canvas   &

Window.location 읽기 전용 속성은 문서의 현재 위치에 대한 정보와 함께 Location 개체를 반환합니다. Location 인터페이스는 링크된 객체의 위치(URL)를 나타냅니다. 속성은 위치 개체에서 사용할 수 있습니다. − Location.href - 이것은 전체 URL을 포함하는 DOMString입니다. 변경되면 연결된 문서가 새 페이지로 이동합니다. 연결된 문서와 다른 출처에서 설정할 수 있습니다. 위치.프로토콜 − 마지막 :를 포함한 URL의 프로토콜 체계. Location.host − 호스트, 즉 호스트

javascript를 사용하여 Html 페이지 태그에서 데이터 URI로 이미지를 변환하려면 먼저 캔버스 요소를 만들고 너비와 높이를 이미지와 동일하게 설정하고 그 위에 이미지를 그리고 마지막으로 해당 요소에서 toDataURL 메서드를 호출해야 합니다. 그러면 이미지의 base64 인코딩 데이터 URI가 반환됩니다. 예를 들어, id가 my-image인 이미지가 있는 경우 다음을 사용할 수 있습니다. - 예시 function getDataUrl(img) {    // Create canvas   &nb

콘솔 메소드 log()는 전달된 모든 객체의 toString 표현을 표시합니다. 콘솔 메서드 dir()은 지정된 JavaScript 객체의 속성에 대한 대화형 목록을 표시합니다. 출력은 하위 개체의 내용을 볼 수 있는 펼침 삼각형이 있는 계층적 목록으로 표시됩니다.

forEach 메소드를 중단할 수 없으며 루프 이스케이프를 제공하지 않습니다(예외 발생 제외). 대신 _.find from lodash와 같은 다른 기능을 사용할 수 있습니다. − _.찾기 - 요소가 발견되면 루프에서 벗어납니다. 예를 들어, 예시 _.find([1, 2, 3, 4], (element) => {    // Check your condition here    if (element === 2) {       return true;   &nb

JS에는 객체 속성 생성을 위한 두 가지 표기법이 있습니다. 점 표기법과 대괄호 표기법입니다. 변수에서 객체 속성을 생성하려면 다음과 같은 방식으로 대괄호 표기법을 사용해야 합니다. - 예시 const obj ={a:foo}const prop =bar// 변수 이름을 사용하여 속성 표시줄 설정 propobj[prop] =bazconsole.log(obj); 출력 이것은 출력을 줄 것입니다 - { a:foo, 바:baz} ES6은 계산된 속성 이름을 도입하여 다음을 수행할 수 있습니다. - 예시 const prop =barcon