«javascript» 태그된 질문

ECMAScript (JavaScript / JS)에서의 프로그래밍 및 다양한 방언 / 구현 (ActionScript 제외)에 관한 질문이 있습니다. 이 태그는 거의 사용되지 않지만 [node.js], [jquery], [json] 및 [html] 태그와 가장 관련이 있습니다.

4
MatterJS를 사용하여 다른 바디를 통한 강제 끌기 방지
물리 기반 게임에 MatterJs를 사용하고 있는데, 다른 바디를 통해 마우스로 바디에 힘을 가하지 못하게하는 문제에 대한 해결책을 찾지 못했습니다. 바디를 다른 바디로 드래그하면 드래그되는 바디가 다른 바디로 또는 다른 바디를 통과 할 수 있습니다. 교차하지 않도록 신뢰할 수있는 방법을 찾고 있습니다. 마우스로 바디를 선택하고 다른 바디를 통해 강제로 적용하여 MatterJS …

1
객체 속성 액세스에 옵션 체인 연산자 사용
TypeScript 3.7은 이제 선택적 연쇄 연산자를 지원합니다 . 따라서 다음과 같은 코드를 작성할 수 있습니다. const value = a?.b?.c; 즉,이 연산자를 사용하여 객체 자체가 null또는 인 객체의 속성에 액세스 할 수 있습니다 undefined. 이제 내가하고 싶은 것은 기본적으로 동일하지만 속성 이름은 동적입니다. const value = a?[b]?.c; 그러나 구문 오류가 발생합니다. …

5
Chrome이 자동 완성 입력에서 배경 이미지와 색상을 숨기는 것을 피하는 방법
크롬 브라우저 자동 채우기 효과를 제거 background-color하고 background-image에서 Username와 Password입력 필드를. 자동 완성 전 자동 완성 후 그러나 Chrome 브라우저 자동 완성은 입력에서 아이콘을 숨기고 아이콘을 변경했습니다 background-color. 따라서 아이콘은 그대로 입력에 있어야합니다. Chrome 브라우저 에서 필드의 배경색을 변경하거나 이미지를 숨기지 못하게 할 수 있습니까? .form-section .form-control { border-radius: 4px; …

9
부트 스트랩 모델 텍스트 상자에 Java 스크립트 변수를 값으로로드하는 방법
부트 스트랩 모델 입력 상자에 자바 스크립트 변수로드에 문제가 있습니다. setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the …

5
Firefox에서 클릭하는 동안 마우스가 움직이면 HTML 레이블이 해당 입력을 트리거하지 않습니다.
다음 예제에서 레이블을 클릭하면 입력 상태가 변경됩니다. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> 코드 스 니펫 실행결과 숨기기스 니펫 확장 Chrome에서 mousedown및 mouseup이벤트 간에 커서를 이동하면 입력이 계속 트리거되는 반면 Firefox에서는 확인란이 상태를 변경하지 …
13 javascript  html  css  label 

2
React.forwardRef와 사용자 정의 참조 소품 사용의 가치
React.forwardRef는 반응 문서에서 하위 기능 구성 요소에 참조를 전달하는 승인 된 방법 인 것으로 보입니다. const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; 그러나 단순히 맞춤형 …

6
HTML 위에 화살표 그리기
html 테이블이 있고 한 셀에서 다른 셀로 화살표를 그리려고합니다. 예를 들면 다음과 같습니다. 어떻게 이럴 수 있습니까? HTML 예 : <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> 브라우저 크기를 조정하면 화살표가 (새) 시작 / 끝 위치에 있어야합니다.
13 javascript  html  svg 

2
SameSite = None;을 설정 한 후에도 Safari에서 쿠키를 보내지 않습니다. 안전한
우리의 응용 프로그램은 쿠키를 사용하여 사용자 로그인을 기억합니다. 인증 API를 호출 할 때마다 브라우저는 서버 요청 HTTPonly 쿠키를 API 요청에 첨부하고 인증을받습니다. 이 동작은 Mojave가 릴리스 된 후 사파리에서 중단 된 것 같습니다. safari가 구현 한 사이트 간 쿠키 보안에 대해 읽었으며 서버 팀 SameSite=None;Secure은 쿠키를 설정하는 동안 추가 했습니다. …

3
Google Play 스토어 보안 경고 앱에 취약한 JavaScript 라이브러리가 포함되어 보안 경고를 제거하는 방법이 있습니까?
Google Play 스토어에서 아래와 같은 경고가 표시됩니다. 앱에 알려진 보안 문제가있는 하나 이상의 라이브러리가 있습니다. 자세한 내용은이 Google 도움말 센터를 참조 하십시오. 취약한 JavaScript 라이브러리 : 이름-> jquery 버전-> 3.3.1 알려진 문제-> SNYK-JS-JQUERY-174006 확인 된 파일-> res / raw / jquery_min.js 참고 : 내 응용 프로그램에서 webview를로드 할 때 webview …

2
사용자가 탭을 떠나거나 화면을 끈 후 브라우저가 타이머 및 웹 소켓 연결 끊기 시간을 감지하는 방법은 무엇입니까? (자바 스크립트)
문맥 진보적 인 타이머를 가지고 웹 응용 프로그램 (로 제공 게임 setTimeout, setInterval)와 웹 소켓 연결은 실시간 통신을 얻을 수 있습니다. 무슨 일이야 사용자가 앱에 머무르는 한 모든 것이 정상입니다. 그러나 사용자가 다른 탭이나 다른 앱으로 이동하거나 화면을 끄면 (모바일의 경우) "지각적인 미지의 세계"가됩니다. 웹 소켓이 "일시 중지"되거나 "꺼져"있을 수 …

3
자바 스크립트-순수 대 불순 함수
나는 두 가지의 정의를 겪었다. 순수한 함수는 입력을 변경하지 않고 항상 동일한 입력에 대해 동일한 결과를 반환하는 함수입니다. 예 function sum(a, b) { return a + b; } 그리고 Impure 기능은 자체 입력을 변경하는 기능입니다. 예 function withdraw(account, amount) { account.total -= amount; } ReactJs 공식 문서 에서 가져온 정의 …

2
innerHTML 내에서 클릭 이벤트를 얻으려면 어떻게해야합니까?
이 레이아웃은 동적으로 만들어졌습니다. for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> <h4> <small>state</small> </h4> <h4> <small>city</small> …

1
드래그 가능한 backgroun
Konva js와 같은 무한한 드래그와 같은 것을 얻고 싶습니다. 누구든지 나를 도울 수 있습니까? 나는 varius 일을 시도하지만 그중 아무것도 아닙니다. p5js와 자바 스크립트의 새로운 기능입니다. 힌트가 있으면 알려주세요. 이 요소만으로 전체 프로젝트를 완료 할 수 없습니다. var grid; var current_img; var BgCat1 = []; var layerOne; let show_grid = …

4
CSS의 모든 텍스트를 세로로 정렬하는 방법은 무엇입니까?
문제는 같은 그 특정 문자 것 같다 g, y, q슬로프 아래가 수직 중심을 허용하지 않는 것이 꼬리가 등. 다음은 문제를 보여주는 이미지 입니다. 녹색 상자의 문자는 아래쪽 꼬리가 없으므로 기본적으로 완벽합니다. 빨간색 상자에있는 것은 문제를 보여줍니다. 모든 문자가 완벽하게 수직으로 가운데에 오게하고 싶습니다. 이미지에서 아래쪽 꼬리가있는 문자는 세로 중앙에 있지 …

1
PWA 응용 프로그램에 대한 자바 스크립트를 사용하여 장치 수준 알림을 켜거나 끄는 방법은 무엇입니까?
내 요구 사항은 자바 스크립트를 사용하여 안드로이드 장치에서 장치 수준 알림을 켜거나 끄는 방법입니다 (이 플러그인이 PWA 응용 프로그램을 지원하는 경우 플러그인을 사용할 수는 없습니다). 알림이 해제 된 경우 사용자에게 팝업을 표시해야하므로 알림을받을 알림 기능을 활성화하십시오. 아래 답변은 형사 브라우저 수준 알림에만 해당됩니다. 누구든지 알고 있다면 어떻게해야하는지 정확한 답을 알려주세요. …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.