코딩하다 현타올 때

질문 : jQuery로 라디오 버튼을 확인하는 방법은 무엇입니까? jQuery로 라디오 버튼을 확인하려고합니다. 내 코드는 다음과 같습니다. 그리고 자바 스크립트 : jQuery("#radio_1").attr('checked', true); 작동하지 않음 : jQuery("input[value='1']").attr('checked', true); 작동하지 않음 : jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true); 작동하지 않음 : 다른 아이디어가 있습니까? 내가 무엇을 놓치고 있습니까? 답변 jQuery 1.6 이상 (> =) 버전의 경우 다음을 사용하십시오. $("#radio_1").prop("checked",..

질문 : jQuery에서 JSON으로 직렬화 객체를 JSON 으로 직렬화 해야합니다. jQuery를 사용하고 있습니다. 이를 수행하는 "표준"방법이 있습니까? 내 특정 상황 : 아래와 같이 정의 된 배열이 있습니다. var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... 다음과 같이 $.ajax() 에 전달할 문자열로 바꿔야합니다. $.ajax({ type: "POST", url: "Concessions.aspx/GetConcessions", data: "{'countries':['ga','cd']}", ... 답변 JSON-js- JavaScript의 JSON. 객체를 문자열로 변환하려면 JSON.stringify 사용하십시..

질문 : jQuery를 사용하여 Ajax 요청 중단 jQuery를 사용하여 아직 응답을받지 못한 Ajax 요청을 취소 / 중단 할 수 있습니까? 답변 대부분의 jQuery Ajax 메서드는 XMLHttpRequest (또는 이에 상응하는) 객체를 반환하므로 abort() 사용할 수 있습니다. 설명서를 참조하십시오. 중단 방법 ( MSDN ). 현재 HTTP 요청을 취소합니다. abort () ( MDN ). 요청이 이미 전송 된 경우이 메서드는 요청을 중단합니다. var xhr = $.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg..

질문 : Grunt, NPM 및 Bower의 차이점 (package.json 대 bower.json) npm과 bower를 처음 사용하여 emberjs에서 첫 번째 앱을 구축했습니다. :). 레일에 대해 약간의 경험이 있으므로 종속성을 나열하는 파일 (예 : 번 들러 Gemfile)에 대해 잘 알고 있습니다. 질문 : 패키지를 추가하고 싶을 때 (그리고 git에 대한 종속성을 확인), package.json 또는 bower.json ? 내가 모은 것에서 bower install 을 실행하면 패키지를 가져와 /vendor 디렉토리에 넣습니다. npm install 실행하면 그것을 가져와 /node_modules 디렉토리에 넣습니다. 이 SO 대답 은 bower가 프론트 엔드 용이고 npm은 백엔드 용이라고..

질문 : setTimeout 또는 setInterval? 내가 알 수있는 한,이 두 가지 자바 스크립트는 동일한 방식으로 작동합니다. 옵션 A : function myTimeoutFunction() { doStuff(); setTimeout(myTimeoutFunction, 1000); } myTimeoutFunction(); 옵션 B : function myTimeoutFunction() { doStuff(); } myTimeoutFunction(); setInterval(myTimeoutFunction, 1000); setTimeout 과 setInterval을 사용하는 데 차이가 있습니까? 답변 기본적으로 동일한 작업을 시도하지만 setTimeout 은 1000ms를 대기하고 함수를 실행 한 다음 ..

질문 : jQuery 데이터 대 Attr? data-someAttribute 사용할 때 $.data 와 $.attr 사용법 차이는 무엇입니까? 내 이해는 $.data 가 DOM이 아닌 jQuery의 $.cache 따라서 데이터 저장에 $.cache $.data 사용해야합니다. HTML5 데이터 속성을 추가하려면 $.attr("data-attribute", "myCoolValue") 합니다. 답변 서버에서 DOM 요소로 데이터를 전달하는 경우 요소에 데이터를 설정해야합니다. foo! 그런 다음 jQuery에서 .data() 를 사용하여 데이터에 액세스 할 수 있습니다. console.log( $('#foo').data('foo') ); //outputs "bar" 그러나 데이터를 사용하여 jQuery의 D..

질문 : JavaScript는 객체 속성 순서를 보장합니까? 다음과 같은 객체를 생성하면 : var obj = {}; obj.prop1 = "Foo"; obj.prop2 = "Bar"; 결과 객체는 항상 다음과 같이 보일까요? { prop1 : "Foo", prop2 : "Bar" } 즉, 속성은 내가 추가 한 순서와 동일합니까? 답변 객체의 반복 순서는 ES2015 이후 특정 규칙 집합을 따르지만 (항상) 삽입 순서를 따르지는 않습니다 . 간단히 말해서, 반복 순서는 문자열 키의 삽입 순서와 숫자 형 키의 오름차순의 조합입니다. // key order: 1, foo, bar const obj = { "foo": "foo", "1": "1", "bar": "bar" } 배열이나 Map 객체를 사용하는 것..

질문 : 멀티 코어 머신의 Node.js Node.js를가 흥미 보이지만, 뭔가 그리워한다 - Node.js를 단일 프로세스 및 스레드에서 실행 만 조정되지 않습니다? 그렇다면 멀티 코어 CPU 및 멀티 CPU 서버에 대해 어떻게 확장됩니까? 결국 가능한 한 단일 스레드 서버를 빠르게 만드는 것이 좋지만 부하가 높은 경우 여러 CPU를 사용하고 싶습니다. 응용 프로그램을 더 빠르게 만드는 것도 마찬가지입니다. 오늘날에는 여러 CPU를 사용하고 작업을 병렬화하는 방법이 있습니다. Node.js는이 그림에 어떻게 들어 맞습니까? 어떻게 든 여러 인스턴스를 배포하는 아이디어입니까? 답변 Node.js는 절대적으로 멀티 코어 머신에서 확장됩니다. 예, Node.js는 프로세스 당 하나의 스레드입니다. 이것은 매..

질문 : JavaScript에서 여러 줄 문자열 만들기 Ruby에 다음 코드가 있습니다. 이 코드를 JavaScript로 변환하고 싶습니다. JS에서 동등한 코드는 무엇입니까? text =

질문 : jQuery를 사용하여 키보드에서 Enter 키를 감지하는 방법은 무엇입니까? 사용자가 jQuery를 사용하여 Enter 키 를 눌렀는지 감지하고 싶습니다. 이것이 어떻게 가능한지? 플러그인이 필요합니까? keypress() 메서드를 사용해야하는 것 같습니다. 이 명령에 브라우저 문제가 있는지 아는 사람이 있는지 알고 싶었습니다. 브라우저 호환성 문제가 있는지 알고 싶었습니다. 답변 jQuery의 요점은 브라우저 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 이를 염두에두고 다음과 같이 할 수 있습니다. $(document).on('keypress',function(e) { if(e.which == 13) { al..

질문 : jQuery로 쿠키를 어떻게 설정 / 설정 해제합니까? test 1 설정하는 것과 같이 jQuery를 사용하여 쿠키를 설정 및 설정 해제하는 방법은 무엇입니까? 답변 2019 년 4 월 업데이트 쿠키 읽기 / 조작에는 jQuery가 필요하지 않으므로 아래의 원래 답변을 사용하지 마십시오. 대신 https://github.com/js-cookie/js-cookie로 이동하고 jQuery에 의존하지 않는 라이브러리를 사용하십시오. 기본 예 : // Set a cookie Cookies.set('name', 'value'); // Read the cookie Cookies.get('name') => // => 'value' 자세한 내용은 github의 문서를 참조하십시오. 2019 년 4 월 이전 (..

질문 : Polymer 요소와 AngularJS 지침의 차이점은 무엇입니까? Polymer 시작하기 페이지에서 작동중인 Polymer의 예를 볼 수 있습니다. 눈에 띄는 것은 platform.js 및 x-foo.html 의해 정의된다는 것입니다. 이것은 AngularJS의 지시문 모듈과 동일한 것 같습니다. angular.module('xfoo', []) .controller('X-Foo', ['$scope',function($scope) { $scope.text = 'hey hey!'; }) .directive('x-foo', function() { return { restrict: 'EA', replace: true, controller: 'X-Foo', templateUrl: '/views/x-fo..

질문 : Angular.js와 함께 Require.js를 사용하는 것이 합리적입니까? 저는 Angular.js의 초보자이고 Backbone.js와 어떻게 다른지 이해하려고합니다 ... 우리는 Backbone을 사용하는 동안 Require.js로 패키지 종속성을 관리했습니다. Angular.js로 동일한 작업을 수행하는 것이 합리적입니까? 답변 예, 컴포넌트 모듈화를 require.js 를 사용할 수 require.js 와 함께 angular.js 를 사용하는 것이 좋습니다. both angular.js and require.js 사용하는 시드 프로젝트 가 있습니다. 출처 : https://stackoverflow.com/questions/12529083/does-it-make-sense-to-use-re..

질문 : JavaScript 배열을 쉼표로 구분 된 목록으로 바꾸는 쉬운 방법은 무엇입니까? 쉼표로 구분 된 목록으로 바꾸고 싶은 JavaScript에 1 차원 문자열 배열이 있습니다. 가든 다양한 JavaScript (또는 jQuery)에서 쉼표로 구분 된 목록으로 바꾸는 간단한 방법이 있습니까? (나는 배열을 반복하고 그것이 유일한 방법이라면 직접 연결하여 문자열을 만드는 방법을 알고 있습니다.) 답변 Array.prototype.join () 메서드 : var arr = ["Zero", "One", "Two"]; document.write(arr.join(", ")); 출처 : https://stackoverflow.com/questions/201724/easy-way-to-turn-javascri..

질문 : 자바 스크립트에서 자체 실행 기능의 목적은 무엇입니까? 자바 스크립트에서 언제 이것을 사용하고 싶습니까? (function(){ //Bunch of code... })(); 이것에 : //Bunch of code... 답변 변수 범위 지정에 관한 것입니다. 자체 실행 함수에서 선언 된 변수는 기본적으로 자체 실행 함수 내의 코드에만 사용할 수 있습니다. 이를 통해 JavaScript 코드의 다른 블록에서 변수 이름이 지정되는 방식에 상관없이 코드를 작성할 수 있습니다. 예를 들어 Alexander 의 의견에서 언급했듯이 : (function() { var foo = 3; console.log(foo); })(); console.log(foo); foo 가 정의되지 않았기 때문에 먼저 3 cons..

질문 : "예기치 않은 토큰 o"오류를 제공하는 JSON 구문 분석 간단한 JSON 문자열을 구문 분석하는 데 문제가 있습니다. JSONLint에서 확인했고 유효하다는 것을 보여줍니다. JSON.parse 또는 jQuery 대안을 사용하여 구문 분석하려고 할 때 unexpected token o 오류가 발생합니다. 참고 : PHP에서 json_encode() 를 사용하여 문자열을 인코딩하고 있습니다. 답변 데이터는 이미 개체입니다. 파싱 할 필요가 없습니다. 자바 스크립트 인터프리터가 이미이를 구문 분석했습니다. var cur_ques_details ={"ques_id":15,"ques_title":"jlkjlkjlkjljl"}; document.write(cur_ques_details['ques_tit..

질문 : JQuery .each () 거꾸로 JQuery를 사용하여 페이지의 일부 요소를 선택한 다음 DOM에서 이동합니다. 내가 가진 문제는 JQuery가 자연스럽게 선택하려는 모든 요소를 역순으로 선택해야한다는 것입니다. 예를 들면 : Item 1 Item 2 Item 3 Item 4 Item 5 모든 li 항목을 선택하고 .each () 명령을 사용하고 싶지만 항목 5, 항목 4 등으로 시작하고 싶습니다. 이것이 가능합니까? 답변 $($("li").get().reverse()).each(function() { /* ... */ }); 출처 : https://stackoverflow.com/questions/1394020/jquery-each-backwards

질문 : jQuery 텍스트 영역 텍스트 가져 오기 최근에 저는 jQuery를 사용하기 시작했고 몇 가지 튜토리얼을 따라 왔습니다. 이제는 사용에 약간의 능숙 함을 느낍니다 (매우 쉽습니다). 제 웹 페이지에서 '콘솔'을 만들 수 있다면 멋질 거라고 생각했습니다 ( FPS 게임 에서처럼`키를 누르는 것처럼, 등), 그런 다음 Ajax 자체를 서버에 다시 보내서 작업을 수행하십시오. 원래 가장 좋은 방법은 텍스트 영역 내에서 텍스트를 가져 와서 분할하거나 keyup 이벤트를 사용하고 반환 된 키 코드를 ASCII 문자로 변환 한 다음 문자열에 추가하고 문자열을 보내는 것입니다. 서버 (그런 다음 문자열을 비 웁니다). 텍스트 영역에서 텍스트를 얻는 것에 대한 정보를 찾을 수 없었습니다. 내가 얻은 것은 키..

질문 : JavaScript로 체크 박스 체크 / 체크 해제 JavaScript를 사용하여 체크 박스를 어떻게 선택 / 선택 취소 할 수 있습니까? 답변 자바 스크립트 : // Check document.getElementById("checkbox").checked = true; // Uncheck document.getElementById("checkbox").checked = false; jQuery (1.6 이상) : // Check $("#checkbox").prop("checked", true); // Uncheck $("#checkbox").prop("checked", false); jQuery (1.5-) : // Check $("#checkbox").attr("checked", true);..

질문 : 요소가 DOM에 표시되는지 확인 요소가 순수 JS (jQuery 없음)에서 표시되는지 확인할 수있는 방법이 있습니까? 예를 들어이 페이지에서 Performance Bikes 에서 거래 (상단 메뉴) 위로 마우스를 가져 가면 거래 창이 표시되지만 처음에는 표시되지 않았습니다. HTML에 있지만 보이지 않습니다. 그래서 DOM 요소가 주어 졌을 때 그것이 보이는지 여부를 어떻게 확인할 수 있습니까? 나는 시도했다 : window.getComputedStyle(my_element)['display']); 하지만 작동하지 않는 것 같습니다. 어떤 속성을 확인해야할지 궁금합니다. 내 마음에 : display !== 'none' visibility !== 'hidden' 내가 놓칠 수있는 다른 것이 있습니..

질문 : jQuery를 사용하여 DIV를 화면 중앙에 배치 jQuery를 사용하여 화면 중앙에 를 설정하려면 어떻게해야합니까? 답변 이 함수가 도움이되도록 jQuery에 함수를 추가하는 것을 좋아합니다. jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) +..

질문 : 라이브러리를 사용하지 않고 JavaScript에서 다른 요소 뒤에 요소를 삽입하는 방법은 무엇입니까? JavaScript에는 insertBefore() 가 있지만 jQuery 또는 다른 라이브러리를 사용하지 않고 다른 요소 뒤에 요소를 삽입하려면 어떻게해야합니까? 답변 referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); referenceNode newNode 를 배치하려는 노드입니다. referenceNode 가 부모 요소 내의 마지막 자식이면 referenceNode.nextSibling 은 null 되고 insertBefore 는 목록 끝에 추가하여 해당 사례를 처리하기 때문입니다. 그래서: function i..

질문 : Node.js로 명령 줄 바이너리 실행 Ruby에서 Node.js로 CLI 라이브러리를 포팅하는 중입니다. 내 코드에서 필요한 경우 여러 타사 바이너리를 실행합니다. Node.js에서 이것을 수행하는 가장 좋은 방법을 모르겠습니다. 다음은 파일을 PDF로 변환하기 위해 PrinceXML을 호출하는 Ruby의 예입니다. cmd = system("prince -v builds/pdf/book.html -o builds/pdf/book.pdf") Node의 동등한 코드는 무엇입니까? 답변 최신 버전의 Node.js (v8.1.4)의 경우 이벤트 및 호출이 이전 버전과 유사하거나 동일하지만 표준 최신 언어 기능을 사용하는 것이 좋습니다. 예 : 버퍼링되고 스트림 형식이 아닌 출력의 경우 (한 번에 모두..

질문 : JavaScript에서 숫자를 문자열로 변환하는 가장 좋은 방법은 무엇입니까? 숫자를 문자열로 변환하는 "가장 좋은"방법은 무엇입니까 (속도 이점, 명확성 이점, 메모리 이점 등)? 몇 가지 예 : String(n) n.toString() ""+n n+"" 답변 이렇게 : var foo = 45; var bar = '' + foo; 실제로는 일반적으로 간단한 편의를 위해 이렇게했지만 1,000 회 이상의 반복이 .toString() 대한 이점이 있습니다. 여기에서 성능 테스트를 참조하십시오 (내가 아니라 직접 작성했을 때 발견) : http://jsben.ch/#/ghQYR 위의 JSPerf 테스트를 기반으로 가장 빠름 : str = num.toString(); 당신이 0.1 초에서 어떤 방법을..

질문 : JSONP 란 무엇이며 왜 생성 되었습니까? JSON은 이해하지만 JSONP는 이해하지 못합니다. JSON에 대한 Wikipedia의 문서 는 JSONP의 상위 검색 결과였습니다. 다음과 같이 말합니다. JSONP 또는 "JSON with padding"은 접두사가 호출 자체의 입력 인수로 지정되는 JSON 확장입니다. 어? 무슨 전화? 그건 말이 안 돼. JSON은 데이터 형식입니다. 전화가 없습니다. 두 번째 검색 결과 는 JSONP에 대해 다음과 같이 쓴 Remy 라는 사람의 것입니다. JSONP는 스크립트 태그 삽입으로 서버의 응답을 사용자가 지정한 함수로 전달합니다. 나는 그것을 이해할 수 있지만 여전히 말이되지 않습니다. 그렇다면 JSONP는 무엇입니까? 왜 생성 되었습니까 (어떤 문..