코딩하다 현타올 때

질문 : Date 객체를 복제하는 방법은 무엇입니까? Date 변수를 다른 변수에 할당하면 동일한 인스턴스에 대한 참조가 복사됩니다. 이것은 하나를 변경하면 다른 하나가 변경된다는 것을 의미합니다. Date 인스턴스를 복제하거나 복사하려면 어떻게해야합니까? 답변 1970 년 1 월 1 일 00:00:00 UTC ( epoch time ) 이후의 밀리 초 수를 반환하는 Date 객체의 getTime() var date = new Date(); var copiedDate = new Date(date.getTime()); Safari 4에서는 다음과 같이 작성할 수도 있습니다. var date = new Date(); var copiedDate = new Date(date); ...하지만 이것이 다른 브라우저..

질문 : React.js의 배열 자식에 대한 고유 키 이해 JSON 데이터 소스를 받아들이고 정렬 가능한 테이블을 만드는 React 구성 요소를 만들고 있습니다. 각 동적 데이터 행에는 고유 한 키가 할당되어 있지만 여전히 다음과 같은 오류가 발생합니다. 배열의 각 하위에는 고유 한 "키"소품이 있어야합니다. TableComponent의 렌더링 방법을 확인하십시오. 내 TableComponent 렌더링 메서드는 다음을 반환합니다. { rows } TableHeader 구성 요소는 단일 행이며 할당 된 고유 키도 있습니다. 각 row 의 rows 고유 키와 구성 요소에서 내장되어 있습니다 : 그리고 TableRowItem 은 다음과 같습니다. var TableRowItem = React.createClas..

질문 : 객체에 JavaScript의 특정 속성이 있는지 어떻게 확인합니까? 객체에 JavaScript의 특정 속성이 있는지 어떻게 확인합니까? 중히 여기다: x = {'key': 1}; if ( x.hasOwnProperty('key') ) { //Do this } 그게 최선의 방법인가요? 답변 나는 주어진 답변에 대해 정말 혼란 스럽습니다. 대부분은 완전히 틀 렸습니다. 물론 정의되지 않은 값, null 또는 false 값이있는 개체 속성을 가질 수 있습니다. 따라서 단순히 속성 검사를 typeof this[property] 또는 더 나쁜 경우 x.key 완전히 잘못된 결과를 얻을 수 있습니다. 찾고있는 것에 따라 다릅니다. 객체가 물리적으로 속성을 포함하고 있는지 (그리고 프로토 타입 체인의 어딘가..

질문 : React js onClick이 메소드에 값을 전달할 수 없습니다. onClick 이벤트 값 속성을 읽고 싶습니다. 하지만 클릭하면 콘솔에 다음과 같은 내용이 표시됩니다. SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target 내 코드가 올바르게 작동합니다. 실행할 때 {column} 볼 수 있지만 onClick 이벤트에서는 가져올 수 없습니다. 내 코드 : var HeaderRows = React.createClass({ handleSort: function(value) { console.log(value); }, render..

질문 : 자바 스크립트 객체의 쿼리 문자열 인코딩 GET 요청을 통해 전달할 수 string 로 인코딩하는 빠르고 간단한 방법을 알고 있습니까? jQuery 없음, 다른 프레임 워크 없음-일반 Javascript :) 답변 이렇게? serialize = function(obj) { var str = []; for (var p in obj) if (obj.hasOwnProperty(p)) { str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); } return str.join("&"); } console.log(serialize({ foo: "hi there", bar: "100%" })); // foo=hi%20there&bar=100%..

질문 : jQuery를 통해 어떤 라디오 버튼이 선택되었는지 어떻게 알 수 있습니까? 두 개의 라디오 버튼이 있고 선택한 버튼의 값을 게시하고 싶습니다. jQuery로 어떻게 가치를 얻을 수 있습니까? 다음과 같이 모두 얻을 수 있습니다. $("form :radio") 어느 것이 선택되었는지 어떻게 알 수 있습니까? 답변 id가 myForm 양식에서 선택한 radioName 항목의 값을 가져 오려면 다음을 수행하십시오. $('input[name=radioName]:checked', '#myForm').val() 예를 들면 다음과 같습니다. $('#myForm input').on('change', function() { alert($('input[name=radioName]:checked', '#myFor..

질문 : Javascript에서 조건부로 객체에 멤버를 추가하는 방법은 무엇입니까? 조건부로 추가 된 멤버가있는 개체를 만들고 싶습니다. 간단한 접근 방식은 다음과 같습니다. var a = {}; if (someCondition) a.b = 5; 이제 좀 더 관용적 인 코드를 작성하고 싶습니다. 나는 노력하고있다 : a = { b: (someCondition? 5 : undefined) }; 그런데, b 의 구성원 값 a undefined . 이것은 원하는 결과가 아닙니다. 편리한 솔루션이 있습니까? 최신 정보 여러 회원과 함께 일반적인 사건을 처리 할 수있는 해결책을 찾고 있습니다. a = { b: (conditionB? 5 : undefined), c: (conditionC? 5 : undefined..

질문 : 타사 라이브러리를 사용하지 않고 Node.js로 파일을 다운로드하는 방법은 무엇입니까? 타사 라이브러리를 사용하지 않고 Node.js로 파일을 다운로드하려면 어떻게해야합니까? 나는 특별한 것이 필요하지 않습니다. 주어진 URL에서 파일을 다운로드 한 다음 지정된 디렉토리에 저장하고 싶습니다. 답변 GET 요청을 만들고 해당 response 을 쓰기 가능한 파일 스트림으로 파이프 할 수 있습니다. const http = require('http'); // or 'https' for https:// URLs const fs = require('fs'); const file = fs.createWriteStream("file.jpg"); const request = http.get("http://i3..

질문 : JavaScript에서 ==와 ===의 차이점 JavaScript에서 == 와 === 의 차이점은 무엇입니까? != 및 !== 연산자도 보았습니다. 그러한 연산자가 더 있습니까? 답변 === 및 !== 는 엄격한 비교 연산자입니다. JavaScript에는 엄격한 유형 변환 동등 비교가 있습니다. strict 동등성을 위해 비교되는 객체는 동일한 유형을 가져야하며 다음을 수행해야합니다. 두 문자열은 동일한 문자 시퀀스, 동일한 길이 및 해당 위치에 동일한 문자가있을 때 완전히 동일합니다. 두 숫자는 숫자가 같을 때 완전히 같습니다 (같은 숫자 값을 가짐). NaN 을 포함하여 아무것도 같지 않은 NaN . 양수와 음수 0은 서로 같습니다. 두 부울 피연산자가 모두 참이거나 둘 다 거짓이면 완전히 ..

질문 : JavaScript의 문자열에서 숫자가 아닌 모든 문자 제거 JavaScript / ECMAScript를 사용하여 문자열에서 숫자가 아닌 모든 문자를 제거하려는 비 DOM 시나리오를 고려하십시오. 0 - 9 범위에있는 모든 문자는 유지되어야합니다. var myString = 'abc123.8'; //desired output is 1238 평범한 JavaScript에서 어떻게 이것을 달성 할 수 있습니까? 이것은 DOM이 아닌 시나리오이므로 브라우저 및 키 누르기 이벤트와 관련된 jQuery 및 기타 솔루션은 적합하지 않습니다. 답변 문자열의 .replace \D 정규식과 함께 사용합니다.이 정규식은 숫자가 아닌 모든 문자와 일치하는 축약 문자 클래스입니다. myString = myString...

질문 : 자바 스크립트의 코드 구성과 관련하여 일반적으로 인정되는 모범 사례 jQuery와 같은 JavaScript 프레임 워크가 클라이언트 측 웹 애플리케이션을 더 풍부하고 기능적으로 만들면서 한 가지 문제를 발견하기 시작했습니다. 세상에서 이것을 어떻게 정리하고 있습니까? 모든 핸들러를 한 자리에 놓고 모든 이벤트에 대한 함수를 작성 하시겠습니까? 모든 기능을 래핑하는 함수 / 클래스를 만드시겠습니까? 미친 듯이 작성하고 최선을 다하기를 바랍니다. 포기하고 새로운 경력을 얻으시겠습니까? jQuery에 대해 언급했지만 실제로는 일반적인 JavaScript 코드입니다. 줄에 줄이 쌓이기 시작하면 스크립트 파일을 관리하거나 원하는 것을 찾는 것이 더 어려워집니다. 내가 찾은 가장 큰 문제점은 동일한 작업을..

질문 : 브라우저가 캐시 된 CSS 및 JavaScript 파일을 강제로 다시로드하도록하는 방법 일부 브라우저 (특히 Firefox 및 Opera )는 브라우저 세션 간에도 .css 및 .js 파일의 캐시 된 복사본을 사용하는 데 매우 열성적이라는 것을 알게되었습니다. 이로 인해 이러한 파일 중 하나를 업데이트 할 때 문제가 발생하지만 사용자의 브라우저는 캐시 된 사본을 계속 사용합니다. 파일이 변경되었을 때 사용자 브라우저가 파일을 다시로드하도록하는 가장 우아한 방법은 무엇입니까? 이상적으로이 솔루션은 페이지를 방문 할 때마다 브라우저가 파일을 다시로드하도록 강제하지 않습니다. John Millikin 과 da5id의 제안이 유용하다는 것을 알았습니다. 자동 버전 관리 라는 용어가 있습니다. 원래 솔루..

질문 : JavaScript의 (function () {}) () 구조는 무엇입니까? 이게 무슨 뜻인지 알고 있었는데 지금은 힘들어 ... 이것은 기본적으로 document.onload 말하는 것입니까? (function () { })(); 답변 즉시 호출 된 함수 표현식 또는 줄여서 IIFE 입니다. 생성 된 직후에 실행됩니다. document.onload )에 대한 이벤트 핸들러와는 아무 관련이 없습니다. 첫 번째 괄호 쌍 안에있는 부분을 고려하십시오. ( function(){} )(); .... 정규 함수 표현식입니다. 그런 다음 마지막 쌍을보십시오 (function(){}) () ; , 이것은 일반적으로 함수를 호출하기 위해 표현식에 추가됩니다. 이 경우에는 이전 표현입니다. 이 패턴은 다른 일반..

질문 : jQuery를 사용하여 요소의 절대 위치를 어떻게 찾습니까? jQuery를 사용하여 요소의 절대 위치, 즉 창의 시작에 상대적인 위치를 찾는 방법이 있습니까? 답변 .offset() 은 요소의 오프셋 위치를 간단한 객체로 반환합니다. 예 : var position = $(element).offset(); // position = { left: 42, top: 567 } 이 반환 값을 사용하여 같은 지점에 다른 요소를 배치 할 수 있습니다. $(anotherElement).css(position) 출처 : https://stackoverflow.com/questions/683339/how-do-i-find-the-absolute-position-of-an-element-using-jquery

질문 : Google Chrome JavaScript 콘솔에서 디버그 메시지를 어떻게 인쇄합니까? Google Chrome JavaScript 콘솔에서 디버그 메시지를 어떻게 인쇄합니까? JavaScript 콘솔은 JavaScript 디버거와 동일하지 않습니다. AFAIK 구문이 다르므로 JavaScript 디버거의 인쇄 명령이 여기서 작동하지 않습니다. JavaScript 콘솔에서 print() 는 매개 변수를 프린터로 보냅니다. 답변 브라우저 주소 표시 줄에서 다음 코드를 실행합니다. javascript: console.log(2); Google 크롬의 "JavaScript Console"에 메시지를 성공적으로 인쇄합니다. 출처 : https://stackoverflow.com/questions/21..

질문 : 순수 JS 또는 jQuery로 이스케이프 키 누르기를 감지하는 방법은 무엇입니까? 중복 가능성 : jQuery를 사용하는 이스케이프 키의 키 코드 IE, Firefox 및 Chrome에서 이스케이프 키 누름을 감지하는 방법은 무엇입니까? 아래 코드는 IE 및 경고 27 에서 작동하지만 Firefox에서는 경고 0 $('body').keypress(function(e){ alert(e.which); if(e.which == 27){ // Close my modal window } }); 답변 참고 : keyCode 는 더 이상 사용되지 않습니다 key 사용하세요. function keyPress (e) { if(e.key === "Escape") { // write your logic here. ..

질문 : JavaScript에 "null 통합"연산자가 있습니까? Javascript에 null 병합 연산자가 있습니까? 예를 들어 C #에서는 다음과 같이 할 수 있습니다. String someString = null; var whatIWant = someString ?? "Cookies!"; Javascript에 대해 알아낼 수있는 가장 좋은 근사값은 조건부 연산자를 사용하는 것입니다. var someString = null; var whatIWant = someString ? someString : 'Cookies!'; 일종의 엉뚱한 IMHO입니다. 더 잘할 수 있습니까? 답변 최신 정보 JavaScript는 이제 nullish 병합 연산자 (??)를 지원합니다. 왼쪽 피연산자가 null 또는 un..

질문 : JavaScript 변수를 설정 해제하는 방법은 무엇입니까? 이미 이전 스크립트로 채워진 JavaScript (실제로는 window 속성이지만 중요하지 않다고 생각합니다)에 전역 변수가 있지만 나중에 실행될 다른 스크립트가 그 값을 보거나 심지어 정의됩니다. 나는 some_var = undefined typeof some_var == "undefined" 테스트 목적으로 작동하지만 실제로 그것에 대해 올바른 방법이라고 생각하지 않습니다. 어떻게 생각해? 답변 delete 연산자는 객체에서 속성을 제거합니다. 변수를 제거 할 수 없습니다. 따라서 질문에 대한 답은 전역 변수 또는 속성이 정의 된 방식에 따라 다릅니다. var 로 생성 된 경우 삭제할 수 없습니다. 예를 들면 : var g_a = ..

질문 : module.exports 대 Node.js의 내보내기 Node.js 모듈에서 다음 계약을 찾았습니다. module.exports = exports = nano = function database_module(cfg) {...} module.exports 와 exports 의 차이점과 둘 다 여기에서 사용되는 이유가 궁금합니다. 답변 설정 module.exports 수 있습니다 database_module 때 함수는 함수처럼 호출 할 required . exports 설정하는 것만으로 module.exports 참조를 내보내기 때문에 함수를 내보낼 수 없습니다. 다음 코드는 사용자가 함수를 호출하는 것을 허용하지 않습니다. 다음은 작동하지 않습니다. exports = nano = function..

질문 : Webpack에서 jQuery 플러그인 종속성 관리 내 애플리케이션에서 Webpack을 사용하고 있는데, 여기에서 모든 JavaScript 파일 / 코드에 대한 bundle.js와 jQuery 및 React와 같은 모든 라이브러리에 대한 vendor.js의 두 가지 진입 점을 만듭니다. 종속성으로 jQuery가있는 플러그인을 사용하고이를 vendor.js에도 포함하려면 어떻게해야합니까? 해당 플러그인에 여러 종속성이 있으면 어떻게됩니까? 현재 https://github.com/mbklein/jquery-elastic 이 jQuery 플러그인을 사용하려고합니다. Webpack 문서에는 providePlugin 및 imports-loader가 언급되어 있습니다. providePlugin을 사용했지만..

질문 : JavaScript에서 정확히 두 개의 소수로 숫자 서식 지정 내 숫자를 소수점 이하 두 자리로 반올림하는 코드 줄이 있습니다. 그러나 나는 다음과 같은 숫자를 얻습니다 : 10.8, 2.4 등. 이것들은 소수점 두 자리에 대한 나의 생각이 아니므로 어떻게 다음을 개선 할 수 있습니까? Math.round(price*Math.pow(10,2))/Math.pow(10,2); 10.80, 2.40 등과 같은 숫자를 원합니다. jQuery를 사용해도 괜찮습니다. 답변 고정 소수점 표기법을 사용하여 숫자를 포맷하려면 toFixed 메서드를 사용하면됩니다. (10.8).toFixed(2); // "10.80" var num = 2.4; alert(num.toFixed(2)); // "2.40" toFix..

질문 : JavaScript에서 클립 보드에 복사하려면 어떻게합니까? 텍스트를 클립 보드 (다중 브라우저)에 복사하는 가장 좋은 방법은 무엇입니까? 나는 시도했다 : function copyToClipboard(text) { if (window.clipboardData) { // Internet Explorer window.clipboardData.setData("Text", text); } else { unsafeWindow.netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); const clipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"]..

질문 : jQuery를 사용하여 이미지 소스 변경 내 DOM은 다음과 같습니다. 누군가 이미지를 클릭하면 이미지 src가 로 변경되기를 원합니다. 여기서 x 는 이미지 번호 1 또는 2를 나타냅니다. 이것이 가능합니까 아니면 이미지를 변경하기 위해 CSS를 사용해야합니까? 답변 jQuery의 attr () 함수를 사용할 수 있습니다. 예를 들어 img id 속성이있는 경우 다음을 수행합니다. 그런 다음 다음과 같이 jQuery를 사용하여 이미지 src $("#my_image").attr("src","second.jpg"); click 이벤트에 첨부하려면 다음과 같이 작성할 수 있습니다. $('#my_image').on({ 'click': function(){ $('#my_image').attr('src'..

질문 : backbone.js의 목적은 무엇입니까? http://documentcloud.github.com/backbone 사이트에서 backbone.js의 유틸리티를 이해하려고했지만 여전히 많이 알아낼 수 없었습니다. 아무도 그것이 어떻게 작동하는지 설명하고 더 나은 JavaScript를 작성하는 데 어떻게 도움이 될 수 있는지 설명함으로써 나를 도울 수 있습니까? 답변 Backbone.js는 기본적으로 MVC (모델, 뷰, 컨트롤러) 방식으로 Javascript 코드를 구조화 할 수있는 uber-light 프레임 워크입니다. 모델 은 데이터를 검색하고 채우는 코드의 일부입니다. 보기 는이 모델의 HTML 표현입니다 (모델이 변경됨에 따라보기가 변경됨). 이 경우 해시 뱅 URL을 통해 자바 스크립트..

질문 : jQuery로 'Enter'에 양식을 제출 하시겠습니까? HTML / jQuery를 사용하는 AIR 프로젝트의 이메일 텍스트 필드, 암호 필드 및 제출 버튼과 같은 bog 표준 로그인 양식이 있습니다. 양식에서 Enter 키를 누르면 전체 양식의 내용이 사라지지만 양식이 제출되지 않습니다. 이것이 Webkit 문제인지 (Adobe AIR는 HTML 용 Webkit을 사용함) 또는 내가 물건을 묶었는지 아는 사람이 있습니까? 나는 시도했다 : $('.input').keypress(function (e) { if (e.which == 13) { $('form#login').submit(); } }); 그러나 그것은 정리 행동을 멈추거나 양식을 제출하지 않았습니다. 양식과 관련된 작업이 없습니다. 문..