코딩하다 현타올 때

질문 : 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는 크게 발전했습니다. 다른 모든 답변은 이제 구식이거나 지나치게 복잡합니다..

질문 : JSON에서 null 표시 JSON에서 null 값을 반환하는 데 선호되는 방법은 무엇입니까? 프리미티브에 대한 다른 선호도가 있습니까? 예를 들어 서버의 개체에 값이없는 "myCount"라는 정수가있는 경우 해당 값에 대한 가장 정확한 JSON은 다음과 같습니다. {} 또는 { "myCount": null } 또는 { "myCount": 0 } 문자열에 대한 동일한 질문-서버에 null 문자열 "myString"이있는 경우 최상의 JSON입니다. {} 또는 { "myString": null } 또는 { "myString": "" } 또는 { "myString": "null" } 빈 컬렉션 http://jtechies.blogspot.nl/2012/07/item-43-return-empty-ar..

질문 : 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..

질문 : Mac OS에서 Node.js를 최신 버전으로 업그레이드현재 Mac OS X 10.7.4에서 Node.js v0.6.16을 사용하고 있습니다. 이제 최신 Node.js v0.8.1로 업그레이드하고 싶습니다. 그러나 nodejs.org에서 최신 패키지 파일을 다운로드하여 설치 한 후 터미널에 "node -v"를 입력했을 때 시스템이 v0.8.1 대신 v0.6.16을 사용하고 있음을 발견했습니다. 내가 놓친 단계가 있습니까? 아니면 최신 버전을 설치하기 전에 이전 버전을 완전히 제거해야합니까?BTW, nvm이 nodejs 패키지를 관리하는 데 도움이 될 수 있다는 것을 알고 있습니다.https://github.com/creationix/nvm/Node.js를 사용하지 않고 업그레이드 할 수있는 방법..

질문 : CSS '>'선택기; 뭐야? CSS 코드에서 사용 된 "보다 큼"( > )을 몇 번 보았지만 그 기능을 이해할 수 없습니다. 그것은 무엇을합니까? 답변 예를 들어 다음과 같이 중첩 된 div가있는 경우 : ... ... 스타일 시트에서 다음과 같이 CSS 규칙을 선언합니다. .outer > div { ... } 규칙은 "중간"클래스가있는 div에만 적용됩니다. 이러한 div는 클래스가 "outer"인 요소의 직계 하위 항목 (직계 하위)이기 때문입니다 (물론 이러한 규칙을 재정의하는 다른보다 구체적인 규칙을 선언하지 않는 한). . 바이올린을 참조하십시오. div { border: 1px solid black; padding: 10px; } .outer > div { border: 1px sol..

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

질문 : 명령 줄의 Node.js 버전? (REPL이 아님) 명령 줄에서 Node.js 버전을 얻고 싶습니다. 다음과 같은 명령을 실행할 것으로 예상합니다. node -version 그러나 그것은 작동하지 않습니다. 아무도 명령 줄이 무엇인지 알고 있습니까? (즉, REPL이 아님) 답변 이를위한 명령 줄은 다음과 같습니다. node -v 또는 node --version 노트 : node -v 는 작동하지 않지만 nodejs -v 는 작동하면 시스템에 제대로 설정되지 않은 것입니다. 이 문제를 해결하는 방법 은이 다른 질문 을 참조하십시오. 출처 : https://stackoverflow.com/questions/14888471/node-js-version-on-the-command-line-not-th..

질문 : 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 사용하면 새 함수 객체를 반환하기 때문에 나중에 함수를 실행할 수 있도록 ..

질문 : HTML / CSS에서 이미지를 회색조로 변환 HTML/CSS 로 그레이 스케일로 컬러 비트 맵을 표시하는 간단한 방법이 있습니까? IE와 호환 될 필요는 없습니다 (그렇지 않을 것이라고 생각합니다). FF3 및 / 또는 Sf3에서 작동한다면 저에게 충분합니다. SVG 와 Canvas로 모두 할 수 있다는 것을 알고 있지만 지금은 많은 작업을하는 것 같습니다. 이것을하는 정말 게으른 사람의 방법이 있습니까? 답변 CSS 필터에 대한 지원이 Webkit에 포함되었습니다. 이제 브라우저 간 솔루션이 있습니다. img { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ fi..

질문 : 프로젝트의 여러 CSS 파일에서 사용하지 않는 CSS 정의를 식별하는 방법CSS 파일이 많이 들어 왔고 이제는 정리하려고합니다.전체 프로젝트에서 사용하지 않는 CSS 정의를 어떻게 효율적으로 식별 할 수 있습니까?답변Chrome 개발자 도구 에는 사용하지 않는 CSS 선택기를 표시 할 수 있는 감사 탭이 있습니다.감사를 실행 한 다음 웹 페이지 성능에서 사용하지 않는 CSS 규칙 제거를 참조하십시오.출처 : https://stackoverflow.com/questions/135657/how-to-identify-unused-css-definitions-from-multiple-css-files-in-a-project

질문 : HTML의 새 탭에서 링크를 여는 방법은 무엇입니까? HTML 프로젝트에서 작업하고 있는데 JavaScript없이 새 탭에서 링크를 여는 방법을 찾을 수 없습니다. 이 같은 탭에서 링크를 여는 것을 이미 알고 있습니다. 새로운 것을 여는 방법에 대한 아이디어가 있습니까? 답변 target 속성을 _blank 설정하십시오. Link 다른 예는 다음을 참조하십시오. http://www.w3schools.com/tags/att_a_target.asp 이전에 _blank blank 를 제안했습니다. 사용하면 새 탭이 열리고 링크를 다시 클릭하면 동일한 탭을 사용하기 때문입니다. 그러나 이는 GolezTrol이 지적했듯이 프레임 / 창의 이름 a를 참조하기 때문이며, 링크를 다시 눌러 동일한 탭에서 열 ..

질문 : HTML 체크 박스의 선택된 속성에 대한 적절한 값은 무엇입니까? 우리는 모두 HTML에서 체크 박스 입력을 형성하는 방법을 알고 있습니다. 내가 모르는 것-체크 된 체크 박스의 기술적으로 올바른 값은 무엇입니까? 이 모든 것이 작동하는 것을 보았습니다. 그것이 중요하지 않다는 대답입니까? 나는 올바른로 표시 답에 대한 증거를 볼 수 없습니다 여기 로부터 사양 자체를 : 확인란 (및 라디오 버튼)은 사용자가 토글 할 수있는 켜기 / 끄기 스위치입니다. 컨트롤 요소의 확인 된 속성이 설정되면 스위치가 "켜집니다". 양식이 제출되면 "켜기"확인란 컨트롤 만 성공할 수 있습니다. 양식의 여러 확인란이 동일한 컨트롤 이름을 공유 할 수 있습니다. 따라서 예를 들어 체크 박스를 사용하면 동일한 속성에 대..

질문 : 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..

질문 : Node.js에서 npm 모듈을 제거하려면 어떻게해야합니까? 일반적으로 알려진대로 모든 npm 모듈은 간단한 명령 npm install 을 실행하여 설치할 수 있습니다. 더 이상 사용하지 않는 모듈을 몇 개 설치했으며 제거하고 싶습니다. 이에 대해 몇 가지 질문이 있습니다. 루트에서 모듈을 제거하는 명령이나 프로세스 npm uninstall ) 아니면 단순히 모듈 파일을 제거 할 것입니까? 사용하지 않는 모듈을 유지하면 어떤 영향을 미칩니까? 답변 명령은 단순히 npm uninstall Node.js 문서 https://npmjs.org/doc/ 에는 npm에 대해 알아야하는 모든 명령이 있습니다. 로컬 설치는 node_modules/ 디렉토리에 있습니다. 모듈이 참조없이 그대로 남아있는 경우 ..

질문 : 사용하지 않고 CSS에서 줄 바꿈하는 방법? 산출: 암호: hello How are you 없이 동일한 출력을 얻는 방법은 무엇입니까? 답변 동일한 HTML 구조로는 불가능합니다. Hello 와 How are you 를 구별 할 수있는 무언가가 있어야합니다. 그런 다음 블록으로 표시 할 span 사용하는 것이 좋습니다 처럼). p span { display: block; } helloHow are you 출처 : https://stackoverflow.com/questions/2703601/how-to-line-break-from-css-without-using-br

질문 : 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..

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

질문 : AngularJS에서 $ scope. $ watch와 $ scope. $ apply를 어떻게 사용하나요? $scope.$watch 및 $scope.$apply 사용 방법을 이해하지 못합니다. 공식 문서는 도움이되지 않습니다. 내가 구체적으로 이해하지 못하는 것 : DOM에 연결되어 있습니까? 모델에 대한 DOM 변경 사항을 어떻게 업데이트 할 수 있습니까? 그들 사이의 연결 지점은 무엇입니까? 이 튜토리얼을 시도했지만 $watch 및 $apply 대한 이해가 당연히 필요합니다. $apply 와 $watch 는 무엇을하고 어떻게 적절하게 사용하나요? 답변 AngularJS를 이해하기 위해서는 어떻게 작동하는지 알아야합니다. 무엇보다도 AngularJS는 소위 다이제스트 사이클 의 개념을 정의합니다..

질문 : div가 나머지 화면 공간의 높이를 채우도록합니다. 콘텐츠가 전체 화면의 높이를 채우도록하는 웹 애플리케이션에서 작업 중입니다. 페이지에는 로고와 계정 정보가 포함 된 헤더가 있습니다. 임의의 높이가 될 수 있습니다. 콘텐츠 div가 페이지의 나머지 부분을 맨 아래까지 채우길 원합니다. 헤더 div 및 콘텐츠 div 있습니다. 현재 나는 다음과 같은 레이아웃에 테이블을 사용하고 있습니다. CSS 및 HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } ... ... 페이지의 전체 높이가 채워지며 스크롤 할 필요가 없습니다. 콘..

질문 : 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..

질문 : CSS를 사용하여 목록 항목에서 줄 바꿈을 방지하는 방법 li 태그를 사용하여 메뉴에 이력서 제출 이라는 링크를 넣으려고합니다. 두 단어 사이의 공백 때문에 두 줄로 줄 바꿈됩니다. CSS로이 래핑을 방지하는 방법은 무엇입니까? 답변 공백 사용 white-space: nowrap; [1] [2] li 의 너비를 더 큰 값으로 설정하여 링크에 더 많은 공간을 제공합니다. [1] § 3. 공백과 줄 바꿈 : 공백 속성-W3 CSS 텍스트 모듈 레벨 3 [2] 공백-CSS : Cascading Style Sheets | MDN 출처 : https://stackoverflow.com/questions/1383143/how-to-prevent-line-breaks-in-list-items-using-css

질문 : CSS를 사용하는 대체 테이블 행 색상? 나는 이것으로 대체 행 색상이있는 테이블을 사용하고 있습니다. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } One one Two two tr 에 대한 클래스를 사용하고 있지만 table 에만 사용하고 싶습니다. 이보다 테이블에 클래스를 사용할 때 tr 대안에 적용됩니다. CSS를 사용하여 이와 같이 HTML을 작성할 수 있습니까? Oneone Twotwo CSS를 사용하여 행에 "얼룩말 줄무늬"를 만들려면 어떻게해야합니까? 답변 $(document).ready(function() { $("tr:odd").cs..

질문 : CSS를 사용하는 모든 브라우저에 대해 "div"요소를 세로 중앙에 어떻게 배치 할 수 있습니까? CSS div 세로로 가운데에 배치하고 싶습니다. 나는 테이블이나 자바 스크립트를 원하지 않고 순수한 CSS만을 원합니다. 몇 가지 해결책을 찾았지만 모두 Internet Explorer 6 지원이 누락되었습니다. Div to be aligned vertically Internet Explorer 6을 포함한 모든 주요 브라우저에서 div 세로로 중앙에 배치하려면 어떻게해야합니까? 답변 아래는 고정 너비의 유연한 높이 콘텐츠 상자를 수직 및 수평 중앙에 구축 할 수있는 최고의 만능 솔루션입니다. Firefox, Opera, Chrome 및 Safari의 최신 버전에서 테스트되고 작동했습니다. .ou..