gigabyte

브라우저 뒤로 버튼 이벤트 검출 방법 - 크로스 브라우저 사용자가 브라우저의 뒤로 버튼을 눌렀는지 여부를 어떻게 확실하게 감지합니까? 하여 단일 웹 에서 인 하는 방법은 입니까?#URL★★★★★★★★★★★★★★★★★? 도대체 왜 브라우저의 백버튼은 자신의 이벤트를 기동하지 않는 것일까!?(주의: Sharky의 피드백에 따라 백스페이스를 검출하기 위한 코드를 포함했습니다.) SO에서 이러한 질문을 자주 보았고 최근에는 백버튼 기능을 직접 제어하는 문제에 직면했습니다.어플리케이션에 가장 적합한 솔루션(Hash Navigation 포함 단일 페이지)을 며칠 동안 검색한 결과, 뒤로 버튼을 감지하기 위한 심플하고 크로스 브라우저가 필요 없는 시스템이 개발되었습니다. 대부분의 사용자는 다음을 사용할 것을 권장합니..

Jest를 사용하여 코드 커버리지 보고서를 얻는 방법은 무엇입니까? Jasmine 위에 구축된 JavaScript Jest 테스트 프레임워크에서 코드를 커버할 수 있는 방법이 있습니까? 내부 프레임워크는 코드 적용 범위를 인쇄하지 않습니다.이스탄불, 담요, JSCOVER도 사용해 봤지만 모두 효과가 없습니다.Jeest 21.2.1을 사용하면 명령줄에서 코드 커버리지를 볼 수 있으며 다음을 통과하면 커버리지 디렉토리를 생성할 수 있습니다.--coverageJese 스크립트로 이동합니다.다음은 몇 가지 예입니다. Jest를 로컬에 설치하는 경향이 있습니다.이 경우 명령어는 다음과 같습니다. npx jest --coverage (확정되지 않았지만) Jest를 글로벌하게 설치했을 경우에도 이 기능이 작동한다고 ..

JavaScript로 화면 해상도를 검출하는 방법 모든 브라우저에서 사용할 수 있는 방법이 있나요?독창적인 대답 네. window.screen.availHeight window.screen.availWidth 2017-11-10 업데이트 쓰나미로부터 코멘트: 모바일 디바이스의 네이티브 해상도를 얻으려면 디바이스 픽셀 비율에 곱해야 합니다. window.screen.width * window.devicePixelRatio ★★★★★★★★★★★★★★★★★」window.screen.height * window.devicePixelRatio기능은 할 수 데스크톱의 1기기 、 기 、 입 、 1 。 그리고 Ben은 또 다른 대답으로: vanilla JavaScript에서는 사용 가능한 너비/높이를 제공합니다. wi..

dd-mm-yyy 문자열을 최신 상태로 변환합니다. 다음을 사용하여 dd-mm-yyy 형식의 문자열을 JavaScript에서 날짜 객체로 변환하려고 합니다. var from = $("#datepicker").val(); var to = $("#datepickertwo").val(); var f = new Date(from); var t = new Date(to); ("#datepicker").val()에는 dd-mm-yyy 형식의 날짜가 포함되어 있습니다.다음을 수행하면 "유효하지 않은 날짜"가 표시됩니다. alert(f); 이게 '-' 기호 때문인가요?어떻게 극복해야 할까요?"-"로 분할 문자열을 필요한 부분으로 해석합니다. var from = $("#datepicker").val().split("-"..

관련된 반응 구성 요소 간에 통신하려면 어떻게 해야 합니까? React JS를 시작한 지 얼마 되지 않아 문제가 좀 있습니다. 저의 어플리케이션은 기본적으로 필터와 레이아웃 변경 버튼이 있는 리스트입니다.세 구성 요소를 요., ★★★★★★★★★★★★★★★★★」 now in in in in in in in in in in in in in in in in in 설정을 변경할 수 에서 몇 가지 메서드를 트리거하고 싶다.내 뷰를 갱신합니다. 이들 3개의 컴포넌트를 상호 작용시키는 방법 또는 변경을 가할 수 있는 글로벌 데이터 모델이 필요한 경우최선의 접근법은 컴포넌트를 어떻게 배열할 것인지에 따라 달라집니다.현재 생각나는 몇 가지 시나리오의 예를 다음에 제시하겠습니다...

Grunt, NPM 및 Bower의 차이(패키지).json vs bower.json) 저는 npm과 bower를 처음 사용하여 emberjs에 첫 앱을 구축했습니다. 레일에 대한 경험이 조금 있기 때문에 종속성을 나열하기 위한 파일(번들러 Gemfile 등)에 대해 잘 알고 있습니다. 질문: 패키지를 추가하고 싶을 때(및 git에 대한 의존관계 확인), 패키지는 어디에 속합니까?package.json또는 로bower.json? 내가 아는 바로는 입니다.bower install패키지를 가져와 넣습니다./vendor디렉토리, 입니다.npm install그것은 그것을 가져와 넣을 것이다./node_modules디렉토리로 이동합니다. 이 SO 답변은 bower는 프런트 엔드용이고 npm은 백엔드용입니다. 엠버 ..

JavaScript의 eval()이 나쁜 것은 언제입니까? 사용자가 입력한 함수를 해석하기 위해 JavaScript 코드를 작성하고 있습니다(스프레드시트와 같은 기능을 위해).수식을 구문 분석하면 자바스크립트로 변환하여 실행할 수 있습니다.eval()★★★★★★★★★★★★★★★★★」 저는 피하려고요, 피했어요.eval()만약 그것이 나쁘기 때문에 피할 수 있다면(그리고 옳든 그르든 간에, 나는 항상 자바스크립트에서 더 나쁘다고 생각해왔다. 왜냐하면 평가되는 코드가 사용자에 의해 변경될 수 있기 때문이다). 그럼 언제 사용해도 될까요?질문의 전제에 대해 잠시 말씀드리겠습니다. eval()은 '악'입니다.프로그래밍 언어 사용자들이 사용하는 "악"이라는 단어는 보통 "위험한"을 의미하며, 더 정확히는 "단순해..

JavaScript에서 클래스를 정의하기 위해 사용할 수 있는 기술과 그 단점은 무엇입니까? 저는 현재 진행 중인 프로젝트와 같은 대규모 프로젝트에서 OOP를 사용하는 것을 선호합니다.JavaScript에서 여러 개의 클래스를 만들어야 하는데, 제가 틀리지 않았다면 적어도 몇 가지 방법이 있습니다.구문은 무엇이고 왜 그런 방식으로 수행됩니까? 적어도 처음에는 서드파티 라이브러리의 사용을 피하고 싶습니다. 다른 답을 찾다가, 자바스크립트를 사용한 객체 지향 프로그래밍, Part I: Inheritance-Doc JavaScript라는 JavaScript의 객체 지향 프로그래밍에 대한 기사를 찾았습니다.상속을 할 수 있는 더 좋은 방법이 있을까요? 외부 라이브러리를 사용하지 않고 이를 수행하는 방법은 다음과..

복수의 인수가 있는 Angular 2 파이프를 호출하려면 어떻게 해야 합니까? 파이프는 이렇게 부를 수 있어요 {{ myData | date:'fullDate' }} 여기서 날짜 파이프는 인수를 하나만 받습니다.컴포넌트의 템플릿 HTML에서 직접 코드를 사용하여 더 많은 파라미터를 가진 파이프를 호출하는 구문은 무엇입니까?컴포넌트 템플릿에서는 여러 인수를 콜론으로 구분하여 사용할 수 있습니다. {{ myData | myPipe: 'arg1':'arg2':'arg3'... }} 코드를 보면 다음과 같습니다. new MyPipe().transform(myData, arg1, arg2, arg3) 파이프 내부의 변환 함수에서는 다음과 같은 인수를 사용할 수 있습니다. export class MyPipe imp..

jQuery에서 div를 "fadeOut" 및 "삭제"하는 방법은 무엇입니까? 이미지를 클릭하면 div에 페이드아웃 효과를 주고 해당 div(id = "알림")를 삭제하려고 합니다. 저는 이렇게 하고 있습니다. 이거 안 되는 것 같아.이 문제를 해결하려면 어떻게 해야 하나요?이것을 시험해 보세요. 내 생각에 너의 이중 따옴표는onclick안 되게 만들었던 것 같아요.:) 편집: 아래에 지적된 바와 같이 인라인 Javascript는 악의적이므로 아마도 이 기능을 삭제해야 합니다.onclickjQuery의 이벤트 핸들러로 이동합니다.그것이 요즘 멋진 아이들이 그것을 하는 방법이다.jQuery를 인라인이 아닌 별도의 파일로 사용해 보십시오.필요한 것은 다음과 같습니다. 그리고 이 페이지 맨 아래에 있는 .fa..