접근 가능한 아코디언 위젯 소개 -SitePoint

Node.js에서 HTTP 요청을 시작하는 세 가지 일반적인 방법이 있습니다. 1. 기본 시나리오에 적합하지만 데이터 스티칭 및 오류 모니터링의 수동 처리 및 https.get () 사용과 같은 데이터 스티치 및 오류 모니터링의 수동 처리가 필요합니다. 2.axios는 약속을 기반으로 한 타사 도서관입니다. 간결한 구문과 강력한 기능을 가지고 있으며 비동기/기다림, 자동 JSON 변환, 인터셉터 등을 지원합니다. 비동기 요청 작업을 단순화하는 것이 좋습니다. 3. 노드 페치는 약속과 간단한 구문을 기반으로 브라우저 페치와 유사한 스타일을 제공합니다.

JavaScript 데이터 유형은 원시 유형 및 기준 유형으로 나뉩니다. 원시 유형에는 문자열, 숫자, 부울, 널, 정의되지 않은 및 기호가 포함됩니다. 값은 불변이없고 값을 할당 할 때 사본이 복사되므로 서로 영향을 미치지 않습니다. 객체, 배열 및 함수와 같은 참조 유형은 메모리 주소를 저장하고 동일한 개체를 가리키는 변수는 서로 영향을 미칩니다. 타입 및 인스턴스는 유형을 결정하는 데 사용될 수 있지만 TypeofNull의 역사적 문제에주의를 기울일 수 있습니다. 이 두 가지 유형의 차이점을 이해하면보다 안정적이고 안정적인 코드를 작성하는 데 도움이 될 수 있습니다.

안녕하세요, JavaScript 개발자! 이번 주 JavaScript 뉴스에 오신 것을 환영합니다! 이번 주에 우리는 다음에 중점을 둘 것입니다. Deno와의 Oracle의 상표 분쟁, 새로운 JavaScript 시간 개체는 브라우저, Google Chrome 업데이트 및 강력한 개발자 도구에서 지원됩니다. 시작합시다! Deno Oracle의 "JavaScript"상표를 등록하려는 Oracle의 상표 분쟁은 논란을 일으켰습니다. Node.js와 Deno의 제작자 인 Ryan Dahl은 상표를 취소하기위한 탄원서를 제출했으며 JavaScript가 개방형 표준이며 Oracle이 사용해서는 안된다고 생각합니다.

약속은 JavaScript에서 비동기 작업을 처리하기위한 핵심 메커니즘입니다. 체인 호출, 오류 처리 및 빗자루 이해는 응용 프로그램을 마스터하는 열쇠입니다. 1. 체인 호출은 비동기 프로세스를 실현하기 위해. ()을 통해 새로운 약속을 반환합니다. 각. ()은 이전 결과를 받고 값이나 약속을 반환 할 수 있습니다. 2. 오류 처리는 .catch ()를 사용하여 침묵 실패를 피하기 위해 예외를 포착해야하며, 캐치의 기본값을 반환하여 프로세스를 계속할 수 있습니다. 3. Promise.all ()과 같은 콤비네이터 (모든 성공 후에 만 ​​성공적으로 성공), Promise.Race () (첫 번째 완료가 반환 됨) 및 Promise.AllSettled () (모든 완료를 기다리고 있음)

Cacheapi는 브라우저에서 캐시 네트워크 요청이 제공하는 도구로, 종종 서비스 워크와 함께 사용하여 웹 사이트 성능 및 오프라인 경험을 향상시킵니다. 1. 개발자는 스크립트, 스타일 시트, 사진 등과 같은 리소스를 수동으로 저장할 수 있습니다. 2. 요청에 따라 캐시 응답과 일치 할 수 있습니다. 3. 특정 캐시 삭제 또는 전체 캐시를 지우는 것을 지원합니다. 4. 서비스 작업자를 통해 페치 이벤트를 듣는 캐시 우선 순위 또는 네트워크 우선 순위 전략을 구현할 수 있습니다. 5. 종종 오프라인 지원, 속도를 반복적 인 액세스 속도, 예비 리소스 및 배경 업데이트 컨텐츠에 사용하는 데 종종 사용됩니다. 6.이를 사용할 때는 캐시 버전 제어, 스토리지 제한 및 HTTP 캐싱 메커니즘의 차이에주의를 기울여야합니다.

JavaScript의 이벤트 루프는 통화 스택, 웹 캡 및 작업 대기열을 조정하여 비동기 작업을 관리합니다. 1. 통화 스택은 동기 코드를 실행하고 비동기 작업을 마치면 처리를 위해 WebAPI에 양도됩니다. 2. WebAPI가 백그라운드에서 작업을 완료 한 후 콜백을 해당 대기열 (매크로 작업 또는 마이크로 작업)에 넣습니다. 3. 이벤트 루프는 통화 스택이 비어 있는지 확인합니다. 비어 있으면 콜백이 대기열에서 꺼져서 실행을 위해 콜 스택으로 밀려납니다. 4. 마이크로 작업 (예 : Promise. 5. 이벤트 루프를 이해하면 기본 스레드를 차단하지 않고 코드 실행 순서를 최적화하는 데 도움이됩니다.

이벤트 기포는 대상 요소에서 조상 노드로 전파되는 반면 이벤트 캡처는 외부 층에서 대상 요소로 전파됩니다. 1. 이벤트 버블 : 자식 요소를 클릭 한 후 이벤트는 부모 요소의 리스너를 차례로 위쪽으로 트리거합니다. 예를 들어, 버튼을 클릭 한 후 먼저 하위를 클릭 한 다음 부모를 클릭했습니다. 2. 이벤트 캡처 : 버튼을 클릭하기 전에 상위 요소의 캡처 리스너를 트리거하는 등 캡처 스테이지에서 리스너가 실행되도록 세 번째 매개 변수를 true로 설정하십시오. 3. 실제 용도로는 아동 요소 사건의 통합 관리, 차단 전처리 및 성능 최적화가 포함됩니다. 4. DOM 이벤트 스트림은 캡처, 대상 및 버블의 세 단계로 나뉘며 기본 리스너는 버블 단계에서 실행됩니다.

JavaScript 배열에는 맵 및 필터 외에도 강력하고 드물게 사용되는 다른 방법이 있습니다. 1. 감소는 합산뿐만 아니라 계산, 그룹, 평평한 배열 및 새로운 구조를 구축 할 수 있습니다. 2. 찾기 및 findIndex는 개별 요소 또는 인덱스를 찾는 데 사용됩니다. 3. 일부는 조건이 존재하는지 모든 충족 여부를 결정하는 데 사용됩니다. 4. 소트를 정렬 할 수 있지만 원래 배열을 변경합니다. 5. 부작용을 피하기 위해 배열을 사용할 때 배열 복사에주의하십시오. 이러한 방법은 코드를보다 간결하고 효율적으로 만듭니다.