gigabyte

JavaScript를 사용하여 이미지 크기(높이 및 폭)를 얻는 방법 페이지 상의 이미지의 치수를 취득하기 위한 JavaScript 또는 jQuery API 또는 메서드가 있습니까?Javascript를 사용하여 프로그래밍 방식으로 이미지를 가져오고 치수를 확인할 수 있습니다. const img = new Image(); img.onload = function() { alert(this.width + 'x' + this.height); } img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif'; 이 기능은 이미지가 마크업의 일부가 아닌 경우에 도움이 됩니다.clientWidth 및 클라이언트높이는 DOM 요소의 내부 치수의 현재 브라우저 내 크기를 나..

변수를 사용하여 객체 속성에 동적으로 액세스 동적 이름을 사용하여 개체의 속성에 액세스하려고 합니다.이게 가능합니까? const something = { bar: "Foobar!" }; const foo = 'bar'; something.foo; // The idea is to access something.bar, getting "Foobar!" 오브젝트 속성에 액세스하는 방법에는 다음 두 가지가 있습니다. 표기법: " " " "something.bar 표기법: " " " "something['bar'] 각 괄호 사이의 값은 임의의 식입니다.따라서 속성 이름이 변수에 저장되어 있는 경우 대괄호 표기법을 사용해야 합니다. var something = { bar: 'foo' }; var foo = 'bar..

비동기/대기 클래스 컨스트럭터 은 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★async/await이치노은 제가 커스텀을 수 하기 .e-mail내가 하고 있는 일렉트로닉 프로젝트의 태그를 붙입니다. customElements.define('e-mail', class extends HTMLElement { async constructor() { super() let uid = this.getAttribute('data-uid') let message = await grabUID(uid) const shadowRoot = this.attachShadow({mode: 'open'}) shadowRoot.innerHTML = ` A random email message has a..

Redux 애플리케이션에서 코드 분할을 위한 부하 감소기를 동적으로 로드하는 방법은 무엇입니까? 나는 레독스로 이주할 것이다. 저의 어플리케이션은 많은 부품(페이지, 컴포넌트)으로 구성되어 있기 때문에 많은 리듀서를 만들고 싶습니다.에서는 redex를 해야 .combineReducers()1번으로 하다 또한 Redux 어플리케이션은 하나의 스토어를 가지고 있어야 하며 어플리케이션이 시작되면 생성됩니다.가게가 만들어질 때 나는 복합 환원기를 통과해야 한다.응용 프로그램이 너무 크지 않으면 이 방법이 적합합니다. 자바스크립트?예를 들어 응용 프로그램의 각 페이지에는 고유한 번들이 있습니다.이 경우 1개의 복합 환원기는 좋지 않다고 생각합니다., ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★..

.prop() vs .attr() 그래서 jQuery 1.6에는 새로운 기능이 있습니다. $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) 아니면 같은 일을 하는 걸까요? 그리고 만약 내가 이 기능을 사용해야 한다면prop() , 「」attr()1..6시? 갱신하다 selector = '#id' $(selector).click(function() { //instead of: var getAtt = this.getAttribute('style'); //do i use: var thisProp = $(this)...

JavaScript 개체의 길이 JavaScript 개체가 있습니다.이 오브젝트의 길이를 알 수 있는 빌트인 또는 인정된 베스트 프랙티스 방법이 있습니까? const myObject = new Object(); myObject["firstname"] = "Gareth"; myObject["lastname"] = "Simpson"; myObject["age"] = 21; 갱신된 답변 다음은 2016년 업데이트와 ES5 이후 광범위한 배포입니다.IE9+ 및 기타 모든 최신 ES5+ 지원 브라우저에서는 위의 코드를 사용할 수 있습니다. var size = Object.keys(myObj).length; Object.keys()이치노 편집: 개체는 개체를 통해 반환할 수 없는 심볼 속성을 가질 수 있습니다.키 ..

JavaScript에서 문자열 매칭을 위한 스위치 문 다음 조건의 스위치는 어떻게 쓰나요? URL에 "foo"가 포함되어 있는 경우settings.base_url"bar"입니다. 다음은 필요한 효과를 달성하고 있지만 스위치로 관리하기가 더 쉬울 것 같습니다. var doc_location = document.location.href; var url_strip = new RegExp("http:\/\/.*\/"); var base_url = url_strip.exec(doc_location) var base_url_string = base_url[0]; //BASE URL CASES // LOCAL if (base_url_string.indexOf('xxx.local') > -1) { settings = ..

HTML5 비디오 다운로드 금지(우클릭 저장) 클라이언트가 비디오를 다운로드하지 못하도록 브라우저의 오른쪽 클릭 메뉴에서 "다른 이름으로 비디오 저장..."을 비활성화하려면 어떻게 해야 합니까? 클라이언트가 파일 경로에 직접 액세스할 수 없도록 하는 보다 완벽한 솔루션이 있습니까? 그럴수는 없어요. 이는 브라우저가 콘텐츠를 서비스하도록 설계되었기 때문입니다.하지만 다운로드하는 것을 더 어렵게 만들 수 있습니다. 편리한 '솔루션 유튜브나 Vimeo 같은 서드파티 비디오 사이트에 제 동영상을 올리면 됩니다.뛰어난 비디오 관리 툴을 갖추고 있어 디바이스에 대한 재생을 최적화하고 비디오가 쉽게 리핑되지 않도록 노력하고 있습니다. 회피책 1, "우클릭" 비활성화 이벤트를 비활성화할 수 있습니다. "우클릭"이라고도..

Javascript에서 개체에서 빈 특성 제거 의 하려면 어떻게 합니까?undefined ""nullJavaScript? (어레이에 관한 질문도 이와 유사합니다.ES10/ES2019 예시 심플한 원라이너(새로운 오브젝트를 되돌림). let o = Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null)); 위와 같으나 함수로 작성되었습니다. function removeEmpty(obj) { return Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null)); } 이 함수는 재귀를 사용하여 중첩된 개체에서 항목을 제거합니다. function removeEmpty(obj) ..

비활성화된 입력에 대한 이벤트 장애인이 된 것 같습니다.어떤 이벤트에서도 처리되지 않습니다. 이 문제를 해결할 방법이 있습니까? $(':input').click(function () { $(this).removeAttr('disabled'); }) 여기서 입력을 클릭하여 활성화해야 합니다.하지만 활성화하지 않으면 입력이 게시되지 않습니다.비활성화된 요소는 마우스 이벤트를 발생시키지 않습니다.대부분의 브라우저는 비활성화된 요소에서 발생한 이벤트를 DOM 트리로 전파하므로 이벤트 핸들러는 컨테이너 요소에 배치될 수 있습니다.그러나 Firefox에서는 이 동작이 나타나지 않습니다.사용자가 비활성화된 요소를 클릭해도 전혀 동작하지 않습니다. 더 나은 솔루션은 생각할 수 없지만 브라우저 간 완벽한 호환성을 위해 ..