JavaScript 22

3개의 함수를 차례로 실행하려면 어떻게 호출해야 합니까?

3개의 함수를 차례로 실행하려면 어떻게 호출해야 합니까? 이 기능들을 차례로 호출해야 한다면, $('#art1').animate({'width':'1000px'},1000); $('#art2').animate({'width':'1000px'},1000); $('#art3').animate({'width':'1000px'},1000); 저는 jQuery에서 다음과 같은 일을 할 수 있다는 것을 알고 있습니다. $('#art1').animate({'width':'1000px'},1000,'linear',function(){ $('#art2').animate({'width':'1000px'},1000,'linear',function(){ $('#art3').animate({'width':'1000px'},10..

programing 2023.09.19

자바스크립트로 딥클론하는 방법

자바스크립트로 딥클론하는 방법 자바스크립트 객체를 어떻게 딥클론합니까? 처럼 으로 알고 있습니다.JSON.parse(JSON.stringify(o))그리고.$.extend(true, {}, o)하지만 그런 틀은 사용하고 싶지 않습니다. 딥 클론을 만드는 가장 우아하거나 효율적인 방법은 무엇입니까? 우리는 어레이 복제와 같은 엣지 케이스에 신경을 씁니다.프로토타입 체인을 끊지 않고 자기 참조를 다루고 있습니다. 는 DOM 이기 하는 것은 신경 않습니다. 왜냐하면..cloneNode그런 이유로 존재합니다. 에 사용하고 싶기 입니다.node.jsV8 엔진의 ES5 기능을 사용해도 좋습니다. [편집] 누가 제안하기 전에 개체에서 원형을 이어받아 복사본을 만드는 것과 복제하는 것에는 분명한 차이가 있음을 말씀드리..

programing 2023.09.19

$($)의스크롤Top() 대 $(문서).스크롤맨 위()

$($)의스크롤Top() 대 $(문서).스크롤맨 위() 다음과 다른 점은 무엇입니까? $(window).scrollTop() 그리고. $(document).scrollTop() 감사해요.둘 다 같은 효과를 낼 것입니다. 그러나 주석에서 지적한 바와 같이: 보다 많은 웹 브라우저에서 지원됩니다.$('html').scrollTop().첫째, 당신은 그들 사이의 차이점을 이해할 필요가 있습니다.window그리고.document.그windowobject는 최상위 클라이언트측 개체입니다.위에는 아무것도 없습니다.window물건.자바스크립트는 객체 지향 언어입니다.개체에서 시작하여 개체의 속성 또는 개체 그룹의 속성에 메서드를 적용합니다.예를 들면.document개체는 개체의 개체입니다.window물건.변경하려면d..

programing 2023.09.09

오류 [ERR_REQUIR_ESM]: ES 모듈의 require()가 지원되지 않습니다.

오류 [ERR_REQUIR_ESM]: ES 모듈의 require()가 지원되지 않습니다. 이 질문에는 이미 다음과 같은 답변이 있습니다. 오류: 노드 가져오기를 가져올 때 ES 모듈의 require()가 지원되지 않습니다. (12개 답변) 닫힘1년 전에. 나는 누군가가 게임에서 온라인 상태인지 묻는 디스코드 봇을 만들려고 노력하고 있습니다. 하지만 계속해서 이런 메시지가 나타납니다. [ERR_REQUIR_ESM]: ES 모듈이 지원되지 않도록 해야 합니다.대신...에서 index.js의 요구 사항을 변경합니다.모든 공용에서 사용할 수 있는 동적 가져오기()로JS 모듈. 이게 내 암호입니다. module.exports = { name: 'username', description: "this is the u..

programing 2023.09.09

집합에 값 배열을 추가하는 방법

집합에 값 배열을 추가하는 방법 배열의 모든 값을 추가하는 오래된 학교 방식.Set다음과 같습니다. // for the sake of this example imagine this set was created somewhere else // and I cannot construct a new one out of an array let mySet = new Set() for(let item of array) { mySet.add(item) } 좀 더 우아한 방법이 없을까요?아마도요.mySet.add(array)아니면mySet.add(...array)? PS: 둘 다 작동하지 않는 것으로 알고 있습니다.하는 동안에SetAPI는 여전히 매우 최소화되어 있으므로 코드를 사용하고 단축할 수 있습니다. array...

programing 2023.09.09

클라이언트 브라우저에서 Amazon S3 직접 파일 업로드 - 개인 키 노출

클라이언트 브라우저에서 Amazon S3 직접 파일 업로드 - 개인 키 노출 저는 서버 측 코드 없이 자바스크립트만 사용하여 클라이언트 머신에서 REST API를 통해 Amazon S3로 직접 파일 업로드를 구현하고 있습니다.다 잘 되는데 한 가지 걱정되는 것이 있습니다. REST 때, 하고 Amazon S3 REST API에 서명을 .Authentication키를 .서명을 만들려면 개인 키를 사용해야 합니다.그러나 모든 것은 클라이언트 측에서 발생하므로 비밀키는 페이지 소스에서 쉽게 노출될 수 있습니다(소스를 난독화/암호화하더라도). 어떻게 하면 좋을까요?그리고 그것이 전혀 문제가 되지 않습니까?특정 개인 키 사용을 특정 CORS 오리진의 REST API 호출과 PUT 및 POST 메서드로만 제한하거나..

programing 2023.09.04

[Object Object]의 의미는 무엇입니까?

[Object Object]의 의미는 무엇입니까? 하려고 합니다.alert함수에서 반환된 값을 입력하면 경고에서 다음과 같이 표시됩니다. [object Object] 자바스크립트 코드는 다음과 같습니다. whichIsVisible제가 확인하려고 하는 기능입니다.다른 사람들이 언급했듯이, 이것은 객체의 기본 직렬화입니다.그런데 왜 그럴까요?[object Object] 만아라니가 .[object]? 왜냐하면 자바스크립트에는 다른 종류의 객체들이 있기 때문입니다! 함수 개체: stringify(function (){})->[object Function] 배열 개체: stringify([])->[object Array] 파일 stringify(/x/)->[object RegExp] 객체: stringify(ne..

programing 2023.08.30

Node.js를 사용하여 텍스트 파일을 읽으시겠습니까?

Node.js를 사용하여 텍스트 파일을 읽으시겠습니까? 단말기에 있는 텍스트 파일을 넘겨서 데이터를 읽어야 하는데 어떻게 해야 하나요? node server.js file.txt 터미널에서 오는 길은 어떻게 지나가는데, 반대편은 어떻게 읽나요?다음을 사용할 수 있습니다.process.argv명령행 인수에 액세스하여 파일 이름을 가져오고 파일을 읽을 파일 시스템 모듈(fs)을 가져옵니다.예: // Make sure we got a filename on the command line. if (process.argv.length < 3) { console.log('Usage: node ' + process.argv[1] + ' FILENAME'); process.exit(1); } // Read the fil..

programing 2023.08.25

background-size: 표지 background-size: 표지 background-size: 표지 또는또는또는

background-size: 표지 또는 의기을시션하어해합니까야떻게면의 을 어떻게 할 수 ?background-size:coverHTML과 에서 사용할 수 .또는? 다음과 같이 작동했으면 합니다. background-size: cover; background-position: center center; 이것은 제가 잠시 머리를 빗어넘긴 것이지만, 저는 어떤 스크립트도 사용하지 않는 훌륭한 솔루션을 발견했고, 5줄의 CSS로 비디오에서 완벽한 커버 시뮬레이션을 달성할 수 있습니다(셀렉터와 브래킷을 세는 경우 9개).이것은 CSS3 호환성이 부족한 완벽하게 작동하지 않는 0개의 에지 케이스를 가지고 있습니다. 여기서 예제를 볼 수 있습니다(보관됨). Timothy 솔루션의 문제는 스케일링을 제대로 처리하지 ..

programing 2023.08.15

HTML5 비디오 태그의 소스 변경

HTML5 비디오 태그의 소스 변경 저는 모든 곳에서 작동하는 비디오 플레이어를 만들려고 노력하고 있습니다. 지금까지 저는 다음과 같이 생각했습니다. (예를 들어, 모든 사람을 위한 비디오 등 여러 사이트에서 볼 수 있음) 지금까지는 좋습니다. 하지만 이제는 다른 비디오를 선택할 수 있는 비디오 플레이어와 함께 재생 목록/메뉴도 필요합니다.그것들은 내 선수 안에서 즉시 열려야 합니다.그래서 저는 자바스크립트로 "동적으로 비디오의 소스를 변경해야 할 것입니다."(dev.opera.com/articles/everything-you-need-to-know-html5-video-audio/ - "다른 영화를 봅시다" 섹션에서 볼 수 있습니다.플래시 플레이어(따라서 IE) 부분은 당분간 잊어버리자, 나중에 처리하..

programing 2023.07.26