반응형

JavaScript 76

각 루프에 비동기/대기 사용

각 루프에 비동기/대기 사용 " " " " " " " " " " " " 를 사용하는 데 ?async/awaitin a a a a forEach 배열과 일련의 파일들을 루프하려고 하는데await각 파일의 내용에 대해 설명합니다. import fs from 'fs-promise' async function printFiles () { const files = await getFilePaths() // Assume this works fine files.forEach(async (file) => { const contents = await fs.readFile(file, 'utf8') console.log(contents) }) } printFiles() 이 코드는 동작합니다만, 뭔가 문제가 있는 것은 아닐까..

sourcecode 2022.11.17

바닐라 JavaScript를 사용하여 div의 폭을 구하는 방법은 무엇입니까?

바닐라 JavaScript를 사용하여 div의 폭을 구하는 방법은 무엇입니까? 의 현재 폭은 어떻게 찾습니까?jQuery와 같은 라이브러리를 사용하지 않고 크로스 브라우저와 호환되도록 할 수 있습니까?document.getElementById("mydiv").offsetWidth element.offsetWidth(MDC) 사용할 수 있습니다.clientWidth또는offsetWidth Mozilla 개발자 네트워크 참조 다음과 같습니다. document.getElementById("yourDiv").clientWidth; // returns number, like 728 또는 테두리 폭: document.getElementById("yourDiv").offsetWidth; // 728 + borders..

sourcecode 2022.11.17

jQuery를 사용한 addClass/removeClass 애니메이션 생성

jQuery를 사용한 addClass/removeClass 애니메이션 생성 jQuery와 jQuery-ui를 사용하고 있으며 다양한 오브젝트에 다양한 속성을 애니메이션으로 만들고 싶습니다. 이 문제를 설명하기 위해 사용자가 마우스를 올리면 파란색에서 빨간색으로 바뀌는 하나의 기호로 단순화했습니다. 사용할 때 원하는 동작을 얻을 수 있습니다.animate()하지만, 그렇게 할 때는 애니메이션 코드에 있는 스타일이므로 스타일 시트와는 별개입니다.(예 1 참조) 다른 은 른른른 an an an를 사용하는 입니다.addClass() ★★★★★★★★★★★★★★★★★」removeClass() 나는 내가 할 수 있다.animate(). (예 2 참조) 예 1 제가 볼까요?animate(): $('#someDiv') ..

sourcecode 2022.11.16

Content Security Policy(CSP; 콘텐츠보안정책)의 구조

Content Security Policy(CSP; 콘텐츠보안정책)의 구조 개발자 콘솔에서 다음과 같은 오류가 많이 발생합니다. 문자열 평가를 거부했습니다. 다음 컨텐츠 보안 정책 지시문에 위반되므로 인라인 스크립트 실행을 거부했습니다. 스크립트 로드를 거부했습니다. 스타일시트 로드를 거부했습니다. 게게다다다다다???Content Security Policy(CSP; CSP; 「」의 사용 Content-Security-PolicyHTTP 더?? 구체적으로 어떻게... ...여러 소스를 허용합니까? ...다른 지시를 사용합니까? ...여러 디렉티브를 사용합니까? ...포트를 사용하시겠습니까? 다른 프로토콜이 필요합니까? ...락하하file://★★★★★★★★★★★★★★★★★★? 스타일,및 ...「 」, 「..

sourcecode 2022.11.16

모든 JavaScript 오류를 포착하여 서버로 전송

모든 JavaScript 오류를 포착하여 서버로 전송 닫혔어. 이 질문은 좀 더 자세히 설명해야 합니다.초점을 맞춥니다.현재 답변을 받고 있지 않습니다. 닫힘작년. 잠겼습니다. 이 질문과 답변은이 질문은 부적절하지만 역사적 의미가 있기 때문에 잠겨 있습니다.현재 새로운 답변이나 상호작용을 받아들이지 않고 있습니다. 자바스크립트 오류를 글로벌하게 처리하여 클라이언트 브라우저에서 서버로 전송한 경험이 있는 사람이 있는지 궁금했습니다. 클라이언트 측에서 발생하는 예외, 오류, 컴파일 오류 등을 모두 파악하여 서버로 전송하여 보고하고 싶습니다. 저는 주로 MoTools를 사용하고 있고head.js(JS측의 경우) 및 서버측의 경우 Django를 사용합니다.window.on error를 체크해 보겠습니다. 예: ..

sourcecode 2022.11.16

어레이 반복에 "for...in"을 사용하는 것이 좋지 않은 이유는 무엇입니까?

어레이 반복에 "for...in"을 사용하는 것이 좋지 않은 이유는 무엇입니까? for...in자바스크립트왜왜????그 이유는 다음과 같은 구성입니다. var a = []; // Create a new empty array. a[5] = 5; // Perfectly legal JavaScript that resizes the array. for (var i = 0; i < a.length; i++) { // Iterate over numeric indexes from 0 to 5, as everyone expects. console.log(a[i]); } /* Will display: undefined undefined undefined undefined undefined 5 */ 다른 것과 완전히 다를..

sourcecode 2022.11.07

JavaScript를 사용한 예쁜 인쇄 JSON

JavaScript를 사용한 예쁜 인쇄 JSON JSON을 읽기 쉬운(인간 리더용) 형식으로 표시하려면 어떻게 해야 합니까?주로 오목한 부분이나 공백 부분을 찾고 있습니다.컬러나 폰트 스타일은 균등할 수 있습니다.예쁜 인쇄는 에 네이티브로 실장되어 있습니다.세 번째 인수는 예쁜 인쇄를 활성화하고 사용할 간격을 설정합니다. var str = JSON.stringify(obj, null, 2); // spacing level = 2 구문 강조 표시가 필요한 경우 다음과 같은 regex 매직을 사용할 수 있습니다. function syntaxHighlight(json) { if (typeof json != 'string') { json = JSON.stringify(json, undefined, 2); } j..

sourcecode 2022.11.06

div 안의 요소로 스크롤하는 방법

div 안의 요소로 스크롤하는 방법 i i는 i i i i 。div했을 때 이 가 강제로 진행됩니다.div이치노자바스크립트 document.getElementById(chr).scrollIntoView(true); 모든 이 됩니다.div그 자체입니다.걸걸어 ?떻 ??? 요.MyContainerDiv.getElementById(chr).scrollIntoView(true);뷰로 스크롤할 요소의 상위 오프셋(스크롤 구분 컨테이너)을 가져와야 합니다. var myElement = document.getElementById('element_within_div'); var topPos = myElement.offsetTop; 이제 변수 topPos가 스크롤 div의 상단과 표시하려는 요소 사이의 거리(픽셀 단위)..

sourcecode 2022.11.06

부모 페이지에서 iframe 내의 JavaScript 코드 호출

부모 페이지에서 iframe 내의 JavaScript 코드 호출 으로는 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★.iframe embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded embedded 。iframe에는 상위 페이지에서 호출해야 하는 JavaScript 루틴이 있습니다. 그 는 아주 요. '아까만'이라고 요.parent.functionName()하지만 불행하게도, 나는 그것과 정반대의 것이 필요하다. 이 문제는, 의 소스 URL 를 변경하지 않는 것에 주의해 주세요.i..

sourcecode 2022.10.27

Javascript - 다른 어레이를 기준으로 배열 정렬

Javascript - 다른 어레이를 기준으로 배열 정렬 다음과 같이 배열 정렬 및 재배열이 가능합니까? itemsArray = [ ['Anne', 'a'], ['Bob', 'b'], ['Henry', 'b'], ['Andrew', 'd'], ['Jason', 'c'], ['Thomas', 'b'] ] 이 어레이의 배열에 일치시킵니다. sortingArr = [ 'b', 'c', 'b', 'b', 'a', 'd' ] 유감스럽게도, 저는 추적할 수 있는 신분증이 없습니다.가능한 한 sorting Arr에 맞춰 아이템 배열의 우선순위를 정해야 합니다. 업데이트: 원하는 출력은 다음과 같습니다. itemsArray = [ ['Bob', 'b'], ['Jason', 'c'], ['Henry', 'b'], ['T..

sourcecode 2022.09.26
반응형