반응형

JavaScript 80

JavaScript에서 backtick 문자(') 사용

JavaScript에서 backtick 문자(') 사용 JavaScript에서 backtick은† 단일 인용문과 동일하게 작동합니다.예를 들어 backtick을 사용하여 다음과 같은 문자열을 정의할 수 있습니다. var s = `abc`; backtick의 동작이 실제로 단일 견적의 동작과 다른 방법이 있습니까? ① 프로그래머들 사이에서 backtick은 더 일반적으로 심각한 액센트로 불리는 것의 한 가지 이름이라는 점에 유의하십시오.프로그래머는 때때로 "backquote"와 "backgrave"라는 대체 이름을 사용합니다.또한 Stack Overflow 등에서 "back tick"의 다른 일반적인 철자는 "back-tick"과 "back tick"입니다.이것은 템플릿 리터럴이라고 불리는 기능입니다. E..

source 2022.09.16

각도 2 호버 이벤트

각도 2 호버 이벤트 새로운 Angular2 프레임워크에서 이벤트처럼 호버하는 적절한 방법을 아는 사람이 있습니까? Angular1에는ng-Mouseover하지만 그건 이월되지 않은 것 같아요. 서류를 다 뒤져봤지만 아무것도 못 찾았어요HTML 요소에서 Hover like 이벤트를 수행하려는 경우 다음과 같이 수행할 수 있습니다. HTML Div A Div B 요소 import { Component } from '@angular/core'; @Component({ moduleId: module.id, selector: 'basic-detail', templateUrl: 'basic.component.html', }) export class BasicComponent{ mouseEnter(div : str..

source 2022.09.16

Virtual DOM이란?

Virtual DOM이란? 최근에 페이스북의 리액트 프레임워크를 살펴보았습니다.'가상 DOM'이라는 개념을 사용하고 있는데잘 이해가 안 돼요 Virtual DOM이란?어떤 장점이 있습니까?React는 DOM의 일부를 나타내는 커스텀오브젝트의 트리를 만듭니다.예를 들어 UL 요소를 포함하는 실제 DIV 요소를 작성하는 대신 React.ul 개체를 포함하는 React.div 개체를 만듭니다.실제로 실제 DOM을 누르거나 DOM API를 거치지 않고도 이러한 객체를 매우 빠르게 조작할 수 있습니다.그런 다음 컴포넌트를 렌더링할 때 이 가상 DOM을 사용하여 두 트리가 일치하도록 하기 위해 실제 DOM에서 무엇을 해야 하는지 파악합니다. 가상 DOM은 Blueprint처럼 생각할 수 있습니다.여기에는 DOM을 ..

source 2022.09.15

jQuery를 사용하여 HTML 요소가 비어 있는지 확인하려면 어떻게 해야 합니까?

jQuery를 사용하여 HTML 요소가 비어 있는지 확인하려면 어떻게 해야 합니까? jQuery를 사용하여 HTML 요소가 비어 있는 경우에만 함수를 호출하려고 합니다. 다음과 같은 경우: if (isEmpty($('#element'))) { // do something } if ($('#element').is(':empty')){ //do something } 자세한 것은, http://api.jquery.com/is/ 및 http://api.jquery.com/empty-selector/ 를 참조해 주세요. 편집: 일부에서 지적했듯이 빈 요소의 브라우저 해석은 다를 수 있습니다.공간이나 줄 바꿈 등의 보이지 않는 요소를 무시하고 구현의 일관성을 높이고 싶다면 함수를 만들거나 그 안에 있는 코드를 사용..

source 2022.09.15

웹 브라우저에 푸시 알림을 보내는 방법

웹 브라우저에 푸시 알림을 보내는 방법 Push Notification API와 Web Notification API에 대해 지난 몇 시간 동안 읽고 있습니다.구글과 애플이 각각 GCM과 APNS를 통해 푸시 알림 서비스를 무료로 제공한다는 사실도 알게 됐다. Web Notification API의 기능이라고 생각되는 Desktop Notification을 사용하여 브라우저에 Push Notification을 구현할 수 있는지 이해하려고 합니다.Chrome에 관한 Google 문서를 이쪽과 이쪽에서 보았습니다. 아직 이해할 수 없는 것은 다음과 같습니다. GCM/APNS를 사용하여 Firefox 및 Safari를 포함한 모든 웹 브라우저에 푸시 알림을 보낼 수 있습니까? 만약 GCM을 통하지 않는다면 우..

source 2022.09.15

요소가 존재할 때까지 함수를 대기시킵니다.

요소가 존재할 때까지 함수를 대기시킵니다. 다른 캔버스 위에 캔버스를 추가하려고 하는데, 첫 번째 캔버스가 만들어질 때까지 이 기능이 시작되기를 어떻게 기다려야 합니까? function PaintObject(brush) { this.started = false; // get handle of the main canvas, as a DOM object, not as a jQuery Object. Context is unfortunately not yet // available in jquery canvas wrapper object. var mainCanvas = $("#" + brush).get(0); // Check if everything is ok if (!mainCanvas) {alert("can..

source 2022.09.14

어레이 요소를 한 어레이 위치에서 다른 어레이 위치로 이동합니다.

어레이 요소를 한 어레이 위치에서 다른 어레이 위치로 이동합니다. 배열 요소를 이동하는 방법을 찾는 데 어려움을 겪고 있습니다.예를 들어 다음과 같습니다. var array = [ 'a', 'b', 'c', 'd', 'e']; 하기 위한 해야 하나요?'d'의 'b' ★★★'a'의의의 'c' 요소를 이동한 후에는 나머지 요소의 인덱스를 업데이트해야 합니다.결과 어레이는 다음과 같습니다. array = ['a', 'd', 'b', 'c', 'e'] 이것은 꽤 간단해 보이지만, 나는 그것에 대해 이해할 수 없다.npm 버전을 원하는 경우 동일한 구현은 아니지만 어레이 이동이 이 답변에 가장 가깝습니다.자세한 내용은 사용 방법을 참조하십시오.이 답변의 이전 버전(Array.protype.move 변경)은 npm..

source 2022.09.14

JavaScript/jQuery DOM 변경 청취자가 있습니까?

JavaScript/jQuery DOM 변경 청취자가 있습니까? 기본적으로 스크립트가 실행되도록 하고 싶다.DIV바꾸다.스크립트는 별개이므로(Chrome 확장 및 웹 페이지 스크립트의 콘텐츠 스크립트), DOM 상태의 변화를 간단하게 관찰할 수 있는 방법이 필요합니다.내가 여론조사를 할 수는 있지만 그건 엉성해 보인다.오랫동안 DOM3 변환 이벤트는 사용 가능한 최고의 솔루션이었지만 성능상의 이유로 사용되지 않았습니다.DOM4 Mutation Observers는 사용되지 않는 DOM3 Mutation 이벤트를 대체하는 것입니다.현재 최신 브라우저에는 다음과 같이 구현되어 있습니다.MutationObserver(또는 벤더가 제공하는WebKitMutationObserver이전 버전의 Chrome): Muta..

source 2022.09.13

jQuery에서 체크박스가 켜져 있는지 확인합니다.

jQuery에서 체크박스가 켜져 있는지 확인합니다. 체크박스 어레이의 ID를 사용하여 체크박스 어레이의 체크박스가 켜져 있는지 확인하려면 어떻게 해야 합니까? 아래 코드를 사용하고 있는데 id에 관계없이 체크박스의 개수를 항상 반환합니다. function isCheckedById(id) { alert(id); var checked = $("input[@id=" + id + "]:checked").length; alert(checked); if (checked == 0) { return false; } else { return true; } } $('#' + id).is(":checked") 체크 박스가 온이 되어 있는 경우, 같은 이름의 체크 박스가 배열되어 있는 경우는, 다음의 순서로 체크 박스의 리스..

source 2022.09.13

JavaScript에서 두 숫자 사이의 난수 생성

JavaScript에서 두 숫자 사이의 난수 생성 JavaScript를 사용하여 지정된 범위의 난수를 생성하는 방법이 있습니까? 예를 들어, 1~6 의 지정 범위는, 난수 1, 2, 3, 4, 5, 또는 6 의 어느쪽인가를 지정할 수 있습니다. function randomIntFromInterval(min, max) { // min and max included return Math.floor(Math.random() * (max - min + 1) + min) } const rndInt = randomIntFromInterval(1, 6) console.log(rndInt) 추가 기능은 1로 시작하지 않는 랜덤 간격을 허용하는 것입니다.예를 들어, 10에서 15까지의 임의의 숫자를 얻을 수 있습니다.유..

source 2022.09.12
반응형