반응형

JavaScript 45

jQuery를 사용한 바로 가기 키

jQuery를 사용한 바로 가기 키 누군가가 편지를 눌렀을 때 어떻게 이벤트를 전송하여 발사할 수 있습니까? (모든 문자 BTW에 대한 문자 지도는 어디에 있습니까?)이 질문이 처음 제기된 이후, jQuery의 주요 저자인 John Resig는 js-hotkeys 프로젝트를 분기하고 개선했습니다.그의 버전은 다음 사이트에서 확인할 수 있습니다. http://github.com/jeresig/jquery.hotkeysjQuery 단축키는 어떻습니까? jQuery 단축키를 사용하면 코드의 거의 모든 키 조합을 지원하는 키보드 이벤트를 볼 수 있습니다. 함수에 +를 c바인딩하려면(f), 예: $(document).bind('keydown', 'ctrl+c', f); 저는 최근에 이것을 위한 독립형 도서관을 썼..

source 2023.08.07

ES6 템플릿 리터럴을 런타임에 대체(또는 재사용)할 수 있습니까?

ES6 템플릿 리터럴을 런타임에 대체(또는 재사용)할 수 있습니까? tl;dr: 재사용 가능한 템플릿을 문자 그대로 만드는 것이 가능합니까? 템플릿 리터럴을 사용하려고 했는데 이해가 안 돼서 답답하네요.제 말은, 저는 이해한다고 생각하지만, "그것"이 어떻게 작동하는지 또는 어떻게 되어야 하는지가 되어서는 안 됩니다.달라져야 합니다. 제가 보는 모든 예(태그가 달린 템플릿도 있음)는 "대체"를 실행 시간이 아닌 선언 시간에 수행할 것을 요구합니다. 이는 템플릿에 전혀 쓸모가 없어 보입니다.제가 미쳤을 수도 있지만, 제게 "템플릿"은 토큰이 포함된 문서입니다. 토큰을 만들 때가 아니라 토큰을 사용할 때 대체됩니다. 그렇지 않으면 문서(즉, 문자열)일 뿐입니다.템플릿은 토큰과 함께 토큰으로 저장되며...평가..

source 2023.08.07

현재 커서 위치의 텍스트 영역에 텍스트를 삽입하는 방법은 무엇입니까?

현재 커서 위치의 텍스트 영역에 텍스트를 삽입하는 방법은 무엇입니까? 사용자의 커서 위치에 있는 텍스트 영역에 텍스트를 추가하는 간단한 기능을 만들고 싶습니다.깨끗한 기능이 필요합니다.그냥 기본.나머지는 제가 해결할 수 있습니다.사용하다selectionStart/selectionEnd 입력 요소의 속성(작업 대상)또한) function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = myValue; } //MOZILLA and others else if (myField.selectionStart || ..

source 2023.08.02

빈 JavaScript 개체를 테스트하려면 어떻게 해야 합니까?

빈 JavaScript 개체를 테스트하려면 어떻게 해야 합니까? 이 질문의 답은 공동체의 노력입니다.기존 답변을 편집하여 이 게시물을 개선합니다.현재 새 답변이나 상호 작용을 허용하지 않습니다. AJAX 요청 후 때때로 내 응용 프로그램이 다음과 같은 빈 개체를 반환할 수 있습니다. var a = {}; 해당 여부는 어떻게 확인할 수 있습니까?에 …을 …의 …과 할 수 .Object.hasOwn(ECMA 2022+) 테스트를 통해 개체에 고유한 속성이 있는지 확인합니다. function isEmpty(obj) { for (const prop in obj) { if (Object.hasOwn(obj, prop)) { return false; } } return true; } 또한 구별이 필요한 경우{}속성..

source 2023.07.08

Firebase를 위한 클라우드 기능에서의 CORS의 이니블화

Firebase를 위한 클라우드 기능에서의 CORS의 이니블화 현재 Firebase에 새로운 Cloud Functions를 사용하는 방법을 배우고 있는데, 문제는 AJAX 요청을 통해 작성한 기능에 액세스할 수 없다는 것입니다."No 'Access-Control-Allow-Origin' 오류가 나타납니다.다음은 제가 작성한 함수의 예입니다. exports.test = functions.https.onRequest((request, response) => { response.status(500).send({test: 'Testing functions'}); }) 함수는 다음 URL에 있습니다.https://us-central1-fba-shipper-140ae.cloudfunctions.net/test Fi..

source 2023.02.06

jQuery를 사용하여 HTML 요소를 만드는 가장 효율적인 방법은 무엇입니까?

jQuery를 사용하여 HTML 요소를 만드는 가장 효율적인 방법은 무엇입니까? 최근에는 jQuery를 사용한 모달창 팝업 등을 많이 하고 있습니다.페이지의 새로운 요소를 작성하기 위해 사용한 방법은 다음과 같습니다. $(""); 하지만, 나는 이것이 이것을 하는 가장 좋은 방법이나 가장 효율적인 방법이 아니라는 느낌을 받고 있다.성능 관점에서 jQuery에서 요소를 만드는 가장 좋은 방법은 무엇입니까? 이 답변에는 다음 제안의 벤치마크가 포함되어 있습니다. 용 i i i i를 쓴다.$(document.createElement('div')); 벤치마킹에 따르면 이 기법이 가장 빠릅니다.이는 jQuery가 요소로 식별하여 요소 자체를 생성할 필요가 없기 때문이라고 추측합니다. 다양한 Javascript 엔..

source 2023.01.28

Twitter의 Bootstrap 버튼을 비활성화하는 가장 좋은 방법

Twitter의 Bootstrap 버튼을 비활성화하는 가장 좋은 방법 이 질문에는 이미 답변이 있습니다. 버튼과 링크를 비활성화/활성화하는 가장 쉬운 방법(jQuery + 부트스트랩) (16개 답변) 닫힘8년 전. 디세블로 하는 것에 대해서는 혼란스럽다.,또는클래스가 있는 요소:.btn또는.btn-primary(JavaScript/jQuery 사용). 그러기 위해 다음과 같은 스니펫을 사용했습니다. $('button').addClass('btn-disabled'); $('button').attr('disabled', 'disabled'); $('button').prop('disabled', true); 그래서, 만약 제가 단지$('button').addClass('btn-disabled');내 요소에는 ..

source 2023.01.28

Javascript - 마우스 위치 추적

Javascript - 마우스 위치 추적 마우스 커서의 위치를 t밀리초마다 주기적으로 추적하고 싶습니다.따라서 기본적으로 페이지가 로드될 때 - 이 트래커가 시작되고 (예를 들어) 100밀리초마다 posX와 posY의 새로운 값을 가져와 폼으로 출력해야 합니다. 다음 코드를 시도했지만 값이 새로 고쳐지지 않습니다.폼박스에 표시되는 것은 posX와 posY의 초기값뿐입니다.어떻게 하면 이 작업을 시작할 수 있을까요? POSX: POSY: 마우스의 위치는event핸들러가 수신한 오브젝트mousemoveevent: 창(이벤트 버블)에 부착할 수 있습니다. (function() { document.onmousemove = handleMouseMove; function handleMouseMove(event) {..

source 2023.01.28

$물건을 보다

$물건을 보다 사전에서 변경을 감시하고 싶은데 어떤 이유로 워치 콜백이 호출되지 않습니다. 사용하고 있는 컨트롤러는 다음과 같습니다. function MyController($scope) { $scope.form = { name: 'my name', surname: 'surname' } $scope.$watch('form', function(newVal, oldVal){ console.log('changed'); }); } 여기 바이올린이 있다. 이름이나 성이 변경될 때마다 $watch 콜백이 발생할 것으로 예상되지만, 그렇게 되지 않습니다. 올바른 방법은 무엇입니까?불러$watch와 함께true세 번째 인수: $scope.$watch('form', function(newVal, oldVal){ cons..

source 2023.01.19

"new" 대신 "Object.create" 사용

"new" 대신 "Object.create" 사용 1.는 Javascript 1.9.3/ECMAScript 5를 했습니다.Object.create더글라스 크록포드가 오랫동안 지지해 온 것이다.치환 방법new에는 「」가 붙어 있습니다.Object.create var UserA = function(nameParam) { this.id = MY_GLOBAL.nextId(); this.name = nameParam; } UserA.prototype.sayHello = function() { console.log('Hello '+ this.name); } var bob = new UserA('bob'); bob.sayHello(); (가定))MY_GLOBAL.nextId존재합니다). 내가 생각해 낼 수 있는 최선..

source 2023.01.19
반응형