코딩하다 현타올 때

질문 : AngularJS의 ng-options를 사용하여 선택 작업 다른 게시물에서 읽었지만 알아낼 수 없었습니다. 배열이 있습니다. $scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'}, ]; 다음과 같이 렌더링하고 싶습니다. Chicago New York Washington 또한 ID = 000002 인 옵션을 선택하고 싶습니다. 나는 선택 을 읽고 시도했지만 알아낼 수 없습니다. 답변 한 가지주의 할 점은 ngOptions가 작동 하려면 ngModel이 필요하다는 것입니다. "$ scope.blah를 선택한 값으로 설정 ng-model..

질문 : CSS 클래스 이름 / 선택기에서 유효한 문자는 무엇입니까? CSS 클래스 선택기 내에서 허용되는 문자 / 기호는 무엇입니까? 다음 문자가 유효하지 않다는 것을 알고 있지만 어떤 문자가 유효 합니까? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` # 답변 CSS 문법 에서 직접 확인할 수 있습니다. 기본적으로 1 , 이름은 밑줄 ( _ ), 하이픈 ( - ) 또는 문자 ( a – z )로 시작하고 그 뒤에 하이픈, 밑줄, 문자 또는 숫자가 따라 와야합니다. 캐치가있다 : 첫 번째 문자는 하이픈 인 경우, 두 번째 문자 2는 문자 나 밑줄이어야하며, 이름이 긴 최소 2 자 이상이어야합니다. -?[_a-zA-Z]+[_a-zA-Z0-9-]* 간..

질문 : 특정 텍스트를 포함하는 요소에 대한 CSS 선택기가 있습니까? 다음 표에 대한 CSS 선택기를 찾고 있습니다. Peter | male | 34 Susanne | female | 12 "male"이 포함 된 모든 구축 전차와 일치하는 선택기가 있습니까? 답변 사양을 올바르게 읽으면 아니요. 요소, 요소의 속성 이름 및 요소의 명명 된 속성 값을 일치시킬 수 있습니다. 그래도 요소 내에서 일치하는 콘텐츠에 대해서는 아무것도 볼 수 없습니다. 출처 : https://stackoverflow.com/questions/1520429/is-there-a-css-selector-for-elements-containing-certain-text

질문 : CSS를 사용하여 체크 박스 스타일을 지정하는 방법 다음을 사용하여 확인란의 스타일을 지정하려고합니다. 그러나 스타일은 적용되지 않습니다. 확인란은 여전히 기본 스타일을 표시합니다. 지정된 스타일을 어떻게 부여합니까? 답변 최신 정보: 아래 답변은 CSS 3이 널리 사용되기 전 상황을 참조합니다. 최신 브라우저 (Internet Explorer 9 이상 포함)에서는 JavaScript를 사용하지 않고 원하는 스타일로 확인란 대체를 만드는 것이 더 간단합니다. 다음은 몇 가지 유용한 링크입니다. CSS만으로 사용자 지정 양식 확인란 만들기 쉬운 CSS 체크 박스 생성기 체크 박스 해킹으로 할 수있는 일 CSS3로 사용자 정의 체크 박스 및 라디오 버튼 구현 CSS로 체크 박스 스타일을 지정하는 방..

질문 : JSON 웹 토큰 무효화 작업중인 새 node.js 프로젝트의 경우 쿠키 기반 세션 접근 방식에서 전환하는 것을 고려하고 있습니다 (즉, 사용자 브라우저에 사용자 세션을 포함하는 키-값 저장소에 ID를 저장하는 것입니다). JSON 웹 토큰 (jwt)을 사용하는 토큰 기반 세션 접근 방식 (키-값 저장소 없음). 프로젝트는 socket.io를 활용하는 게임입니다-토큰 기반 세션을 갖는 것은 단일 세션 (웹 및 socket.io)에 여러 통신 채널이있는 시나리오에서 유용 할 것입니다. jwt 접근법을 사용하여 서버에서 토큰 / 세션 무효화를 제공하는 방법은 무엇입니까? 나는 또한 이런 종류의 패러다임으로주의해야 할 일반적인 (또는 흔하지 않은) 함정 / 공격을 이해하고 싶었습니다. 예를 들어이 패..

질문 : 가져 오기 : POST JSON 데이터 fetch를 사용하여 JSON 개체를 게시하려고합니다. 내가 이해할 수있는 한, 요청 본문에 문자열 화 된 객체를 첨부해야합니다. 예 : fetch("/echo/json/", { headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, method: "POST", body: JSON.stringify({a: 1, b: 2}) }) .then(function(res){ console.log(res) }) .catch(function(res){ console.log(res) }) jsfiddle의 JSON 에코를 사용할 때 {a: 1, b: 2} )를 다시 볼 수있을 것으로 예..

질문 : ReactJS 컴포넌트에 여러 클래스를 추가하는 방법은 무엇입니까? 저는 ReactJS와 JSX를 처음 접했고 아래 코드에 약간의 문제가 있습니다. li className 속성에 여러 클래스를 추가하려고합니다. 내 React 구성 요소는 다음과 같습니다. var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, render: function() { var self = this; var accountMenuData = [ { name: "My Account", ico..

질문 : JavaScript 객체의 클래스를 얻는 방법은 무엇입니까? JavaScript 개체를 만들었지 만 해당 개체의 클래스를 어떻게 확인할 수 있습니까? .getClass() 메서드와 비슷한 것을 원합니다. 답변 자바 스크립트에서 자바 getClass() 와 정확히 일치하는 것은 없습니다. 대부분은 Java가 클래스 기반 언어 인 것과 달리 JavaScript가 프로토 타입 기반 언어 이기 때문입니다. getClass() 가 필요한 것에 따라 JavaScript에는 몇 가지 옵션이 있습니다. typeof instanceof obj. constructor func. prototype , proto . isPrototypeOf 몇 가지 예 : function Foo() {} var foo = new F..

질문 : 동일한 요소에서 배경 이미지와 CSS3 그라디언트를 결합하려면 어떻게해야합니까? background-color CSS3 그라디언트를 사용한 다음 background-image 를 적용하여 일종의 밝고 투명한 텍스처를 적용하려면 어떻게해야합니까? 답변 여러 배경! body { background: #eb01a5; background-image: url("IMAGE_URL"); /* fallback */ background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */ } 이 두 줄은 그래디언트를 수행하지 않는 모든 브라우저를 대체합니다. 아래의 IE

질문 : CSS를 사용하여 텍스트를 세로 중앙에 어떻게 배치합니까? 나는이 텍스트가 포함 된 요소를 나는 이것의 내용을 정렬 할 수직 센터. 스타일은 다음과 같습니다. #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #FFF; text-align: center; } Lorem ipsum dolor sit 이 목표를 달성하는 가장 좋은 방법은 무엇입니까? 답변 이 기본 접근 방식을 시도 할 수 있습니다. div { height: 100px; line-height: 100px; text-align: center; border: 2px dashed #f69c55; } Hello World! 단 한 줄의 텍스트에서만 작동..

질문 : JavaScript를 사용하여 문자열의 모든 점을 바꾸는 방법 JavaScript 문자열에서 모든 점 ( . ) 예를 들면 다음과 같습니다. var mystring = 'okay.this.is.a.string'; 나는 얻고 싶다 : okay this is a string 입니다. 지금까지 시도했습니다. mystring.replace(/./g,' ') 그러나 이것은 모든 문자열이 공백으로 대체되는 것으로 끝납니다. 답변 이스케이프해야합니다 . 정규 표현식에서 "임의의 문자"라는 의미를 갖기 때문입니다. mystring = mystring.replace(/\./g,' ') 출처 : https://stackoverflow.com/questions/2390789/how-to-replace-all-dot..

질문 : Json.net을 사용하여 JSON 개체를 동적 개체로 역 직렬화 json.net을 사용하여 json deserialization에서 동적 객체를 반환 할 수 있습니까? 다음과 같이하고 싶습니다. dynamic jsonResponse = JsonConvert.Deserialize(json); Console.WriteLine(jsonResponse.message); 답변 Json.NET을 사용하면 다음과 같이 할 수 있습니다. dynamic d = JObject.Parse("{number:1000, str:'string', array: [1,2,3,4,5,6]}"); Console.WriteLine(d.number); Console.WriteLine(d.str); Console.WriteLine(..

질문 : Node.js에서 POST 데이터를 처리하는 방법은 무엇입니까? Node.js POST 메서드에서 보낸 양식 데이터 ( form[method="post"] ) 및 파일 업로드를 어떻게 추출합니까? 나는 문서를 읽고, 봤지만 아무것도 찾지 못했습니다. function (request, response) { //request.post???? } 도서관이나 해킹이 있습니까? 답변 Express (Node.js 용 고성능, 고급 웹 개발)를 사용하는 경우 다음을 수행 할 수 있습니다. HTML : API 클라이언트 : fetch('/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ use..

질문 : Vue.js-중첩 된 데이터를 올바르게 감시하는 방법 소품 변형을 제대로 보는 방법을 이해하려고합니다. ajax 호출에서 데이터를 수신하고 데이터를 객체 내부에 넣고이를 사용하여 v-for 지시문을 통해 일부 하위 구성 요소를 렌더링하는 데 사용하는 상위 구성 요소 (.vue 파일)가 있습니다.

질문 : JavaScript에서 endsWith JavaScript에서 문자열이 특정 문자로 끝나는 지 어떻게 확인할 수 있습니까? 예 : 문자열이 있습니다 var str = "mystring#"; # 로 끝나는 지 알고 싶습니다. 어떻게 확인할 수 있습니까? endsWith() 메소드가 있습니까? 내가 가진 한 가지 해결책은 문자열의 길이를 취하고 마지막 문자를 가져 와서 확인하는 것입니다. 이것이 최선의 방법입니까 아니면 다른 방법이 있습니까? 답변 업데이트 (2015 년 11 월 24 일) : 이 답변은 원래 2010 년 (6 년 전)에 게시되었으므로 다음과 같은 통찰력있는 의견을 참고하십시오. Shauna- Google 직원을위한 업데이트-ECMA6이이 기능을 추가 한 것 같습니다. MDN 기사는..

질문 : JavaScript Date 객체에 시간을 추가 하시겠습니까? JavaScript의 Date 객체가 어떤 종류의 추가 기능도 구현하지 않는다는 사실이 놀랍습니다. 나는 단순히 이것을 할 수있는 함수를 원한다 : var now = Date.now(); var fourHoursLater = now.addHours(4); function Date.prototype.addHours(h) { // how do I implement this? } 나는 단순히 방향에 대한 몇 가지 지침을 원합니다. 문자열 구문 분석을해야합니까? setTime을 사용할 수 있습니까? 밀리 초는 어떻습니까? 이렇게 : new Date(milliseconds + 4*3600*1000 /*4 hrs in ms*/)? 그래도 이것은..

질문 : background-color : none 유효한 CSS입니까? 다음 CSS가 유효한지 누구든지 말해 줄 수 있습니까? .class { background-color:none; } 답변 당신은 아마 원하는 transparent 으로 none 유효하지 않습니다 background-color 값입니다. CSS 2.1 사양 background-color 속성에 대해 다음과 같이 설명합니다. Value: | transparent | inherit 는 키워드 또는 색상의 숫자 표현 일 수 있습니다. 유효한 color 키워드 는 다음과 같습니다. 아쿠아, 블랙, 블루, 퓨샤, 그레이, 그린, 라임, 적갈색, 네이비, 올리브, 오렌지, 퍼플, 레드, 실버, 틸, 화이트, 옐로우 transparent 및 in..

질문 : CSS overflow-x : 보이는; 및 overflow-y : 숨김; 스크롤바 문제 발생 스타일과 마크 업이 있다고 가정합니다. ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 이것을 볼 때. 은 오버플로 x / y에 대해 보이는 값과 숨겨진 값을 지정 했음에도 맨 아래에 스크롤 막대가 있습니다. (Chrome 11 및 오페라에서 관찰 (?)) 나는 w3c ..

질문 : JavaScript에서 여러 구분 기호로 문자열을 어떻게 분할합니까? JavaScript에서 여러 구분 기호로 문자열을 어떻게 분할합니까? 쉼표 와 공백 으로 나누려고하는데 AFAIK JavaScript의 split() 함수는 하나의 구분 기호 만 지원합니다. 답변 정규식을 매개 변수로 전달합니다. js> "Hello awesome, world!".split(/[\s,]+/) Hello,awesome,world! 추가하기 위해 편집 : 배열의 길이에서 1을 뺀 값을 선택하여 마지막 요소를 얻을 수 있습니다. >>> bits = "Hello awesome, world!".split(/[\s,]+/) ["Hello", "awesome", "world!"] >>> bit = bits[bits.leng..

질문 : Node.js에서 스택 추적을 인쇄하는 방법은 무엇입니까? 누구든지 Node.js에서 스택 추적을 인쇄하는 방법을 알고 있습니까? 답변 모든 Error 개체에는 생성 된 stack 멤버가 있습니다. var stack = new Error().stack console.log( stack ) 또는 더 간단하게 : console.trace("Here I am!") 출처 : https://stackoverflow.com/questions/2923858/how-to-print-a-stack-trace-in-node-js

질문 : CSS만 있는 드롭다운을 스타일링 하는 방법 드롭 다운 스타일을 지정하는 CSS 전용 방법이 있습니까? JavaScript없이 가능한 한 인간적으로 양식의 스타일을 지정해야합니다. CSS에서 그렇게하기 위해 사용할 수있는 속성은 무엇입니까? 이 코드는 모든 주요 브라우저와 호환되어야합니다. Internet Explorer 6, 7, 8 Firefox 원정 여행 JavaScript : Example으로 만들 수 있다는 것을 알고 있습니다. 그리고 저는 단순한 스타일링에 대해 말하는 것이 아닙니다. CSS만으로 할 수있는 최선의 방법을 알고 싶습니다. Stack Overflow 에서 비슷한 질문 을 찾았습니다. 그리고 이것은 Doctype.com에 있습니다. 답변 다음은 세 가지 솔루션입니다. 솔루..

질문 : $ (document) .jQuery 없이도 동등 함 $(document).ready 사용하는 스크립트가 있지만 jQuery에서 다른 것을 사용하지 않습니다. jQuery 종속성을 제거하여 가볍게하고 싶습니다. jQuery를 사용하지 않고 내 자신의 $(document).ready 내가 사용하는 것을 알고 window.onload 등, 동일하지 않습니다 window.onload 모든 이미지, 프레임, 등 후 화재가로드되었다. 답변 IE8은 아니지만 99 % 이상의 브라우저 에서 지원하는 표준 기반 대체 DOMContentLoaded 가 있습니다. document.addEventListener("DOMContentLoaded", function(event) { //do work }); jQuery..

질문 : 자바 스크립트 약속-거부 대 던지기 이 주제에 대한 여러 기사를 읽었지만 Promise.reject 와 오류를 던지는 것 사이에 차이점이 있는지 아직 명확하지 않습니다. 예를 들면 Promise.reject 사용 return asyncIsPermitted() .then(function(result) { if (result === true) { return true; } else { return Promise.reject(new PermissionDenied()); } }); 던지기 사용 return asyncIsPermitted() .then(function(result) { if (result === true) { return true; } else { throw new PermissionDe..

질문 : Node.js의 fs.readFile ()이 문자열 대신 버퍼를 반환하는 이유는 무엇입니까? test.txt (Javascript 소스의 동일한 폴더에 있음)의 내용을 읽고 다음 코드를 사용하여 표시하려고합니다. var fs = require("fs"); fs.readFile("test.txt", function (err, data) { if (err) throw err; console.log(data); }); test.txt 의 내용은 nano 에서 생성되었습니다. Node.js readFile () 테스트 그리고 나는 이것을 얻고있다 : Nathan-Camposs-MacBook-Pro:node_test Nathan$ node main.js Nathan-Camposs-MacBook-Pro:n..

질문 : JS / jQuery에서 화살표 키 바인딩 Javascript 및 / 또는 jQuery의 왼쪽 및 오른쪽 화살표 키에 함수를 바인딩하는 방법은 무엇입니까? jQuery 용 js-hotkey 플러그인 (특정 키를 인식하는 인수를 추가하기 위해 내장 된 바인드 기능을 래핑)을 살펴 보았지만 화살표 키를 지원하지 않는 것 같습니다. 답변 document.onkeydown = function(e) { switch(e.which) { case 37: // left break; case 38: // up break; case 39: // right break; case 40: // down break; default: return; // exit this handler for other keys } e.p..