코딩하다 현타올 때

질문 : jQuery 배경이 있다면“AngularJS에서 생각하기”? jQuery 에서 클라이언트 측 애플리케이션을 개발하는 데 익숙 하지만 이제 AngularJS 사용을 시작하고 싶습니다. 필요한 패러다임 전환을 설명 할 수 있습니까? 다음은 답을 구하는 데 도움이 될 수있는 몇 가지 질문입니다. 클라이언트 측 웹 애플리케이션을 다르게 설계하고 디자인하는 방법은 무엇입니까? 가장 큰 차이점은 무엇입니까? 무엇을하고 / 사용하지 말아야합니까? 대신 무엇을 시작해야하나요? 서버 측 고려 사항 / 제한 사항이 있습니까? jQuery 와 AngularJS 간의 자세한 비교를 찾고 있지 않습니다. 답변 1. 페이지를 디자인하지 말고 DOM 조작으로 변경합니다. jQuery에서 페이지를 디자인 한 다음 동적으로 ..

질문 : null vs. undefined 및 == 및 ===의 차이점에 대한 JavaScript 검사 null 이거나 undefined 경우 어떻게 확인 null 과 undefined 의 차이점은 무엇입니까? == 와 === 의 차이점은 무엇입니까? (Google에서 "==="를 검색하기 어렵습니다) 답변 null 이거나 undefined 경우 어떻게 확인합니까? 변수가 null if (a === null) // or if (a == null) // but see note below a 가 undefined 경우 후자도 참이됩니다. undefined : if (typeof a === "undefined") // or if (a === undefined) // or if (a == undefined) /..

질문 : sleep ()의 JavaScript 버전은 무엇입니까? 다음 pausecomp 함수 ( 여기에서 pausecomp 보다 JavaScript sleep 을 엔지니어링하는 더 좋은 방법이 있습니까? function pausecomp(millis) { var date = new Date(); var curDate = null; do { curDate = new Date(); } while(curDate-date < millis); } 이것은 JavaScript의 Sleep과 중복되지 않습니다. 코드가 실행되기 전에 지연이 아니라 함수 중간에 실제 잠 을 원합니다. 답변 이 질문이 제기 된 2009 년 이후 JavaScript는 크게 발전했습니다. 다른 모든 답변은 이제 구식이거나 지나치게 복잡합니다..

질문 : jQuery.fn은 무엇을 의미합니까? fn 은 무엇을 의미합니까? jQuery.fn.jquery 답변 jQuery에서 fn 속성은 prototype 속성의 별칭입니다. jQuery 식별자 (또는 $ )는 생성자 함수일 뿐이며이 식별자로 생성 된 모든 인스턴스는 생성자의 프로토 타입에서 상속됩니다. 간단한 생성자 함수 : function Test() { this.a = 'a'; } Test.prototype.b = 'b'; var test = new Test(); test.a; // "a", own property test.b; // "b", inherited property jQuery의 아키텍처와 유사한 간단한 구조 : (function() { var foo = function(arg) { ..

질문 : jQuery Event Keypress : 어떤 키를 눌렀습니까? jQuery를 사용하여 키 누르기 이벤트에 바인딩 할 때 눌린 키를 어떻게 알 수 있습니까? $('#searchbox input').bind('keypress', function(e) {}); ENTER 를 누를 때 제출을 트리거하고 싶습니다. [최신 정보] 내가 (또는 더 나은 : 하나) 대답을 찾았지만 변형의 여지가있는 것 같습니다.) keyCode 와 which 차이가 있습니까? 특히 ENTER를 찾고 있다면 유니 코드 키가 아닐까요? 일부 브라우저는 하나의 속성을 제공하고 다른 브라우저는 다른 속성을 제공합니까? 답변 실제로 이것이 더 좋습니다. var code = e.keyCode || e.which; if(code ==..

질문 : jQuery를 사용하여 체크 박스에 "선택"설정 jQuery를 사용하여 checkbox 다음과 같이하고 싶습니다. $(".myCheckBox").checked(true); 또는 $(".myCheckBox").selected(true); 그런 것이 존재합니까? 답변 .prop() : $('.myCheckbox').prop('checked', true); $('.myCheckbox').prop('checked', false); 하나의 요소로 작업하는 경우 항상 기본 HTMLInputElement .checked 속성을 수정할 수 있습니다. $('.myCheckbox')[0].checked = true; $('.myCheckbox')[0].checked = false; .prop() 및 .attr()..

질문 : Node.js를 시작하려면 어떻게해야합니까? Node.JS를 시작하는 데 좋은 리소스가 있습니까? 좋은 튜토리얼, 블로그 또는 책이 있습니까? 물론 공식 웹 사이트 http://nodejs.org/를 방문했지만 그들이 가지고있는 문서가 좋은 출발점이라고 생각하지 않았습니다. 답변 이 튜토리얼을 따라 시작할 수 있습니다. 튜토리얼 NodeSchool.io 대화 형 강의 The Art of Node (Node.js 소개) Hello World Hello World Web Server (유료) Node.js 가이드 Node.js, Express 및 MongoDB로 블로그 구축 초보자를위한 Node.js Node.js를 완벽하고 자신있게 배우십시오 Node JS 처리 모델 – 이벤트 루프 아키텍처가있는..

질문 : JavaScript 소스 맵 (.map 파일)을 사용하는 방법은 무엇입니까? .js.map 확장자를 가진 파일이 일부 JavaScript 라이브러리 (예 : Angular )와 함께 제공되는 것을 보았습니다. 그것은 무엇입니까? .js.map 파일을 제공하는 데 신경을 쓰는 이유는 무엇입니까? JavaScript 개발자로서 angular.min.js.map 파일을 어떻게 사용할 수 있습니까? JavaScript 애플리케이션을위한 .js.map 파일 생성에 신경 써야합니까? 어떻게 생성됩니까? angular.min.js.map 살펴 보았고 이상한 형식의 문자열로 채워져 있으므로 수동으로 생성되지 않았다고 가정합니다. 답변 .map 파일은 js 및 css (현재 ts 도 포함) 파일 용입니다. 이를..

질문 : handlebars.js {{#if}} 조건부의 논리 연산자 핸들 바 JS에 논리 연산자를 표준 handlebars.js 조건부 연산자에 통합하는 방법이 있습니까? 이 같은: {{#if section1 || section2}} .. content {{/if}} 나만의 도우미를 작성할 수 있다는 것을 알고 있지만 먼저 바퀴를 재발 명하지 않는지 확인하고 싶습니다. 답변 이것은 블록 도우미로 '속임수'를 사용하여 가능합니다. 이것은 아마도 핸들 바를 개발 한 사람들의 이데올로기에 위배됩니다. Handlebars.registerHelper('ifCond', function(v1, v2, options) { if(v1 === v2) { return options.fn(this); } return opt..

질문 : HTML에서 속성과 속성의 차이점은 무엇입니까? jQuery 1.6.1에서 변경 한 후 HTML에서 속성과 속성의 차이를 정의하려고했습니다. jQuery 1.6.1 릴리스 노트 (하단 근처)의 목록을 보면 다음과 같이 HTML 속성과 속성을 분류 할 수있는 것 같습니다. 속성 : boolean값이 있거나 selectedIndex와 같이 계산 된 UA 인 모든 항목입니다. 속성 : boolean이 아니거나 UA 생성 값을 포함하지 않는 HTML 요소에 추가 할 수있는 '속성'입니다. 답변 HTML 소스 코드를 작성할 때 HTML 요소에 속성을 정의 할 수 있습니다. 그런 다음 브라우저가 코드를 구문 분석하면 해당 DOM 노드가 생성됩니다. 이 노드는 객체이므로 속성 이 있습니다. 예를 들어이 HT..

질문 : Javascript call () 및 apply () 대 bind ()? 나는 이미 알고 apply 하고 call 설정 유사한 기능이다 this (함수의 문맥을). 차이점은 인수를 보내는 방법 (수동 대 배열)에 있습니다. 질문: 하지만 언제 bind() 메서드를 사용해야합니까? var obj = { x: 81, getX: function() { return this.x; } }; alert(obj.getX.bind(obj)()); alert(obj.getX.call(obj)); alert(obj.getX.apply(obj)); jsbin 답변 얼마 전에 함수 객체, 함수 호출, call/apply 및 bind .bind 사용하면 새 함수 객체를 반환하기 때문에 나중에 함수를 실행할 수 있도록 ..

질문 : JavaScript를 사용하여 요소에서 CSS 클래스 제거 (jQuery 없음) 누구든지 JavaScript 만 사용하여 요소에서 클래스를 제거하는 방법을 알려줄 수 있습니까? 사용할 수 없으며 그것에 대해 아무것도 알지 못하므로 jQuery로 대답하지 마십시오. 답변 이를 수행하는 올바른 표준 방법은 classList 사용하는 것입니다. 현재 대부분의 최신 브라우저의 최신 버전에서 널리 지원됩니다 . ELEMENT.classList.remove("CLASS_NAME"); remove.onclick = () => { const el = document.querySelector('#el'); if (el.classList.contains("red")) { el.classList.remove("re..

질문 : React.js에서 디 바운스 수행 React.js에서 디 바운스를 어떻게 수행합니까? handleOnChange를 디 바운스하고 싶습니다. debounce(this.handleOnChange, 200) 시도했지만 작동하지 않습니다. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ render: function() { retu..

질문 : jQuery 팁과 트릭 구문 roosteronacid가 준비한 이벤트의 속기 Roosteronacid에 의한 줄 바꿈 및 연쇄 성 Nathan Long의 중첩 필터 컬렉션을 캐시하고 roosteronacid 가 같은 줄에서 명령을 실행합니다. roosteronacid의 선별기를 포함합니다. roosteronacid에 의한 요소 생성시 속성 정의 roosteronacid 의 배열처럼 jQuery 함수에 액세스 noConflict 함수-Oli에 의해 $ 변수 해제 nickf 로 noConflict 모드에서 $ 변수 분리 Roosteronacid의 충돌 방지 모드 데이터 저장 데이터 함수-TenebrousX로 데이터를 요소에 바인딩 HTML5 데이터 속성 지원, 스테로이드! roosteronacid ..

질문 : .css ()를 사용하여 !important를 적용하는 방법은 무엇입니까? !important 스타일을 적용하는 데 문제가 있습니다. 난 노력 했어: $("#elem").css("width", "100px !important"); 이것은 아무것도 하지 않습니다. 너비 스타일이 전혀 적용되지 않습니다. cssText 를 덮어 쓰지 않고 그러한 스타일을 적용하는 jQuery 방식이 있습니까 (먼저 파싱해야 함을 의미합니다)? 편집 !important 스타일 인라인으로 재정의하려는 !important 스타일의 스타일 시트가 .width() !important 스타일에 의해 재정의되기 때문에 작동하지 않습니다. . 또한 이전 값을 재정의 할 값 이 계산 되므로 단순히 다른 외부 스타일을 만들 수 없습니..

질문 : jQuery에서 div 요소 만들기 jQuery div 요소를 어떻게 생성합니까? 답변 append (부모의 마지막 위치에 추가) 또는 prepend (부모의 첫 위치에 추가)를 사용할 수 있습니다. $('#parent').append('hello'); // or $('hello').appendTo('#parent'); 또는 다른 답변 에서 언급했듯이 .html() 또는 .add() 를 사용할 수 있습니다. 출처 : https://stackoverflow.com/questions/867916/creating-a-div-element-in-jquery

질문 : JavaScript를 사용하여 배열에서 객체 제거 배열에서 개체를 제거하려면 어떻게해야합니까? someArray 에서 Kristian 이라는 이름을 포함하는 객체를 제거하고 싶습니다. 예를 들면 : someArray = [{name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}]; 나는 달성하고 싶다 : someArray = [{name:"John", lines:"1,19,26,96"}]; 답변 여러 방법을 사용하여 배열에서 항목을 제거 할 수 있습니다. //1 someArray.shift(); // first element removed //2 someArray = someArray.slice(1); // first elemen..

질문 : 비동기가 아닌 동기식 Ajax 요청을 수행하도록 jQuery를 얻으려면 어떻게해야합니까? 표준 확장 점을 제공하는 JavaScript 위젯이 있습니다. 그중 하나가 beforecreate 함수입니다. 항목이 생성되지 않도록하려면 false 를 반환해야합니다. jQuery를 사용하여이 함수에 Ajax 호출을 추가했습니다. beforecreate: function (node, targetNode, type, to) { jQuery.get('http://example.com/catalog/create/' + targetNode.id + '?name=' + encode(to.inp[0].value), function (result) { if (result.isOk == false) alert(resul..

질문 : Access-Control-Allow-Origin 헤더는 어떻게 작동합니까? 분명히 나는 그 의미를 완전히 오해했습니다. 나는 다음과 같은 것을 생각했다. 글쎄, 나는 틀렸다. 전혀 이와 같이 작동하지 않습니다. 그래서 Cross-origin 리소스 공유 를 읽고 w3c 권장 사항에서 Cross-Origin Resource Sharing 을 읽으려고 시도했습니다. 한 가지는 확실합니다.이 헤더를 어떻게 사용해야하는지 여전히 이해하지 못합니다. 사이트 A와 사이트 B를 모두 제어 할 수 있습니다. 사이트 A에서 다운로드 한 javascript 코드를이 헤더를 사용하여 사이트 B의 리소스에 액세스하려면 어떻게해야합니까? 추신 JSONP를 사용하고 싶지 않습니다. 답변 Access-Control-Al..

질문 : Moment.js를 날짜 객체로 변환 Moment.js를 사용하여 올바른 순간 객체를 시간대가있는 날짜 객체로 변환 할 수 없습니다. 정확한 날짜를 알 수 없습니다. 예: var oldDate = new Date(), momentObj = moment(oldDate).tz("MST7MDT"), newDate = momentObj.toDate(); console.log("start date " + oldDate) console.log("Format from moment with offset " + momentObj.format()) console.log("Format from moment without offset " + momentObj.utc().format()) console.log("(Da..

질문 : Node 또는 Express를 사용하여 JSON을 반환하는 올바른 방법 따라서 다음 JSON 객체를 가져올 수 있습니다. $ curl -i -X GET http://echo.jsontest.com/key/value/anotherKey/anotherValue HTTP/1.1 200 OK Access-Control-Allow-Origin: * Content-Type: application/json; charset=ISO-8859-1 Date: Wed, 30 Oct 2013 22:19:10 GMT Server: Google Frontend Cache-Control: private Alternate-Protocol: 80:quic,80:quic Transfer-Encoding: chunked { "an..

질문 : JavaScript에서 객체를 딥 복제하는 가장 효율적인 방법은 무엇입니까? JavaScript 객체를 복제하는 가장 효율적인 방법은 무엇입니까? 나는 obj = eval(uneval(o)); 사용 중이지만 표준이 아니며 Firefox에서만 지원됩니다 . obj = JSON.parse(JSON.stringify(o)); 같은 일을했습니다. 그러나 효율성에 의문을 제기하십시오. 또한 다양한 결함이있는 재귀 복사 기능을 보았습니다. 정식 솔루션이 없다는 것에 놀랐습니다. 답변 이를 "구조적 복제"라고하며 Node 11 이상에서 실험적으로 작동하며 브라우저에 탑재되기를 바랍니다. 자세한 내용은 이 답변 을 참조하십시오. Date , functions, undefined , Infinity , RegE..

질문 : JavaScript에서 정의되지 않은 변수 또는 null 변수를 확인하는 방법은 무엇입니까? 우리는 JavaScript 코드에서 다음 코드 패턴을 자주 사용합니다. if (typeof(some_variable) != 'undefined' && some_variable != null) { // Do something with some_variable } 동일한 효과를 갖는 덜 장황한 검사 방법이 있습니까? 일부 포럼과 문헌에 따르면 단순히 다음과 같은 효과가 있어야한다고 말합니다. if (some_variable) { // Do something with some_variable } 불행히도 Firebug some_variable 이 정의되지 않은 경우 런타임에서 오류와 같은 문을 평가하지만 첫 ..

질문 : npm을 사용하여 로컬 모듈을 설치 하시겠습니까? 다운로드 한 모듈 저장소가 있습니다. 다른 디렉토리에 전역 적으로 설치하지 않고 로컬에 설치 하시겠습니까? 이 작업을 수행하는 쉬운 방법은 무엇입니까? 답변 npm-link 문서에서 : 로컬 모듈 디렉토리에서 : $ cd ./package-dir $ npm link 모듈을 사용할 프로젝트의 디렉토리에서 : $ cd ./project-dir $ npm link package-name 또는 상대 경로를 사용하여 한 번에 : $ cd ./project-dir $ npm link ../package-dir 이것은 후드 아래에서 위의 두 명령을 사용하는 것과 같습니다. 출처 : https://stackoverflow.com/questions/8088795..

질문 : document.getElementById vs jQuery $ () 이것은 : var contents = document.getElementById('contents'); 이것과 동일 : var contents = $('#contents'); jQuery가로드되면? 답변 정확히!! document.getElementById('contents'); //returns a HTML DOM Object var contents = $('#contents'); //returns a jQuery Object document.getElementById 와 동일한 결과를 얻으려면 jQuery 객체에 액세스하고 객체의 첫 번째 요소를 가져올 수 있습니다 (자바 스크립트 객체는 연관 배열과 유사하게 작동 함). ..