코딩하다 현타올 때

질문 : "예기치 않은 토큰 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..

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

질문 : AngularJS : 서비스 변수를 보는 방법? 서비스가 있습니다. factory('aService', ['$rootScope', '$resource', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); foo 를 사용하여 HTML로 렌더링되는 목록을 제어하고 싶습니다. {{ item }} aService.foo 업데이트시기를 감지하기 위해 $scope 에 aService를 추가 한 다음 $scope.$watch() 를 사용하는이 패턴을 함께 조합했습니다. function FooCtrl($scope, aService) { $scope.aService = aService; $scope.foo = aS..

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

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

질문 : Django 및 Python을 사용하여 JSON 응답 만들기 서버 측 Ajax 응답 스크립트를 Django HttpResponse로 변환하려고하는데 분명히 작동하지 않습니다. 다음은 서버 측 스크립트입니다. /* RECEIVE VALUE */ $validateValue=$_POST['validateValue']; $validateId=$_POST['validateId']; $validateError=$_POST['validateError']; /* RETURN VALUE */ $arrayToJs = array(); $arrayToJs[0] = $validateId; $arrayToJs[1] = $validateError; if($validateValue =="Testuser"){ // Valid..

질문 : Node.js에서 ES6 가져 오기를 어떻게 사용할 수 있습니까? Node.js에서 ES6 가져 오기의 요령을 얻고이 예제에서 제공하는 구문을 사용하려고합니다. 지원 테이블을 살펴보고 있지만 새 가져 오기 문을 지원하는 버전을 찾을 수 없었습니다 (텍스트 가져 오기 / 요구 사항을 찾아 보았습니다). 저는 현재 Node.js 8.1.2를 실행 중이며 치트 시트가 .js 파일을 참조하므로 .js 파일과 함께 작동해야한다고 생각합니다. 코드를 실행할 때 (치트 시트의 첫 번째 예제에서 가져옴) : import { square, diag } from 'lib'; 오류가 발생합니다. SyntaxError : 예기치 않은 토큰 가져 오기. 가져 오려는 라이브러리에 대한 참조 : //------ lib.j..

질문 : JSON 개체를 TypeScript 클래스로 캐스팅하려면 어떻게해야합니까? 원격 REST 서버에서 JSON 객체를 읽었습니다. 이 JSON 개체에는 typescript 클래스의 모든 속성이 있습니다 (설계 상). 수신 한 JSON 객체를 var 유형으로 캐스트하려면 어떻게해야합니까? typescript var를 채우고 싶지 않습니다 (예 :이 JSON 개체를 사용하는 생성자가 있음). 크기가 크고 하위 개체 및 속성별로 모든 하위 개체를 복사하는 데 많은 시간이 걸립니다. 업데이트 : 그러나 typescript 인터페이스로 캐스팅 할 수 있습니다! 답변 Ajax 요청의 평범한 자바 스크립트 결과를 프로토 타입 자바 스크립트 / TypeScript 클래스 인스턴스로 간단하게 캐스트 할 수 없습니다..

질문 : Express.js-app.listen 대 server.listen 이것은 매우 기본적인 질문 일 수 있지만 이해가되지 않습니다. Express.js를 사용하여 앱을 만드는 것과 포트 1234에서 수신하는 앱을 시작하는 것의 차이점은 무엇입니까? 예를 들면 다음과 같습니다. var express = require('express'); var app = express(); //app.configure, app.use etc app.listen(1234); http 서버 추가 : var express = require('express'); var http = require('http'); var app = express(); var server = http.createServer(app); //ap..

질문 : AngularJS의 지시문 범위에서 '@'와 '='의 차이점은 무엇입니까? 주제에 대한 AngularJS 문서를주의 깊게 읽은 다음 지시문을 다루었습니다. 여기에 바이올린이 있습니다. 다음은 몇 가지 관련 스 니펫입니다. HTML에서 : {{text}} pane 지시문에서 : scope: { biTitle: '=', title: '@', bar: '=' }, 내가 이해하지 못하는 몇 가지 사항이 있습니다. '@' 에는 "{{title}}" '을, '=' 에는 "title" '을 사용해야합니까? 속성으로 요소를 장식하지 않고 부모 범위에 직접 액세스 할 수도 있습니까? 문서에는 "표현식을 통해 격리 된 범위에서 부모 범위로 데이터를 전달하는 것이 바람직합니다."라고 나와 있지만 양방향 바인딩에서도..

질문 : 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)의 경우 이벤트 및 호출이 이전 버전과 유사하거나 동일하지만 표준 최신 언어 기능을 사용하는 것이 좋습니다. 예 : 버퍼링되고 스트림 형식이 아닌 출력의 경우 (한 번에 모두..

질문 : AngularJS에서 컨트롤러간에 통신하는 올바른 방법은 무엇입니까? 컨트롤러간에 통신하는 올바른 방법은 무엇입니까? window 관련된 끔찍한 퍼지를 사용하고 있습니다. function StockSubgroupCtrl($scope, $http) { $scope.subgroups = []; $scope.handleSubgroupsLoaded = function(data, status) { $scope.subgroups = data; } $scope.fetch = function(prod_grp) { $http.get('/api/stock/groups/' + prod_grp + '/subgroups/').success($scope.handleSubgroupsLoaded); } window.fetc..

질문 : 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 초에서 어떤 방법을..

질문 : 페이지로드시 페이드 인 효과를 위해 CSS 사용 페이지로드시 텍스트 단락이 페이드 인되도록 CSS 전환을 사용할 수 있습니까? 나는 그것이 http://dotmailapp.com/ 에서 어떻게 보 였는지 정말 좋아하고 CSS를 사용하여 비슷한 효과를 사용하고 싶습니다. 이후 도메인을 구매했으며 더 이상 언급 된 효과가 없습니다. 보관 된 사본은 Wayback Machine에서 볼 수 있습니다. 일러스트레이션 이 마크 업 : ​This is a test 다음 CSS 규칙을 사용합니다. #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -mo..

질문 : CSS 텍스트 오버플로 : 줄임표; 작동 안함? 이 간단한 CSS가 작동하지 않는 이유를 모르겠습니다. .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } Test Test Test Test Test Test 네 번째 "테스트"즈음에 끊어야합니다 답변 text-overflow:ellipsis; 다음이 참일 때만 작동합니다. 요소의 너비는 px (픽셀)로 제한되어야합니다. %..

질문 : JavaScript 속성 액세스 : 점 표기법과 대괄호? 첫 번째 형식이 문자열 리터럴이 아닌 변수를 사용할 수 있다는 명백한 사실 외에 다른 하나를 사용하는 이유가 있습니까? 그렇다면 어떤 경우에? 코드에서 : // Given: var foo = {'bar': 'baz'}; // Then var x = foo['bar']; // vs. var x = foo.bar; 컨텍스트 : 이러한 식을 생성하는 코드 생성기를 작성했으며 어느 것이 더 바람직한 지 궁금합니다. 답변 (여기 에서 출처.) 대괄호 표기법을 사용하면 점 표기법과 함께 사용할 수없는 문자를 사용할 수 있습니다. var foo = myForm.foo[]; // incorrect syntax var foo = myForm["foo[]"..

질문 : CSS에서 셀 패딩 및 셀 간격을 설정 하시겠습니까? HTML 테이블에서 cellpadding 및 cellspacing 은 다음과 같이 설정할 수 있습니다. CSS를 사용하여 어떻게 똑같이 할 수 있습니까? 답변 기초 padding "을 제어하려면 표 셀에 패딩을 사용하면됩니다. 예 : 10px의 "cellpadding": td { padding: 10px; } "cellspacing"의 경우 border-spacing CSS 속성을 테이블에 적용 할 수 있습니다. 예 : 10px의 "cellspacing": table { border-spacing: 10px; border-collapse: separate; } 이 속성은 별도의 수평 및 수직 간격을 허용합니다. 구식 "셀 간격"으로는 할 수없..

질문 : CSS 글꼴 테두리? 모든 새로운 CSS3 테두리 항목 ( -webkit , ...)이 진행되면서 글꼴에 테두리를 추가 할 수 있습니까? (파란색 트위터 로고 주위의 단색 흰색 테두리처럼). 그렇지 않다면 CSS / XHTML에서이 작업을 수행 할 너무 못생긴 해킹이 있습니까? 아니면 여전히 Photoshop을 실행해야합니까? 답변 -webkit 접두사 뒤에 일부 브라우저 에서 지원되는 text-stroke 라는 실험적 CSS 속성이 있습니다. h1 { -webkit-text-stroke: 2px black; /* width and color */ font-family: sans; color: yellow; } Hello World text-shadow 속성을 사용하여 모든 방향에 1 픽셀 씩 ..

질문 : CSS Flexbox에서 "justify-items"및 "justify-self"속성이없는 이유는 무엇입니까? 플렉스 컨테이너의 주축과 교차 축을 고려하십시오. 출처 : W3C 주축을 따라 플렉스 항목을 정렬하려면 속성이 하나 있습니다. justify-content 교차 축을 따라 플렉스 항목을 정렬하려면 세 가지 속성이 있습니다. align-content align-items align-self 위 이미지에서 주축은 수평이고 교차 축은 수직입니다. 이것은 플렉스 컨테이너의 기본 방향입니다. flex-direction 속성과 쉽게 교환 할 수 있습니다. /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-..

질문 : 하나의 CSS 파일을 다른 파일에 포함 할 수 있습니까? 하나의 CSS 파일을 다른 파일에 포함 할 수 있습니까? 답변 예: @import url("base.css"); 노트 : @import 규칙은 다른 모든 규칙 보다 우선해야합니다 @charset 제외). 추가 @import 문에는 추가 서버 요청이 필요합니다. 또는 여러 HTTP 요청을 피하기 위해 모든 CSS를 하나의 파일로 연결합니다. 예를 들어, 콘텐츠의 복사 base.css 및 special.css 에 base-special.css 및 참고 용 base-special.css . 출처 : https://stackoverflow.com/questions/147500/is-it-possible-to-include-one-css-file-..

질문 : JavaScript에서 문자를 ASCII 코드로 변환 JavaScript를 사용하여 문자를 ASCII 코드로 어떻게 변환 할 수 있습니까? 예를 들면 : "\ n"에서 10 개를 얻습니다. 답변 "\n".charCodeAt(0); 출처 : https://stackoverflow.com/questions/94037/convert-character-to-ascii-code-in-javascript

질문 : JavaScript 비교에서 사용해야하는 같음 연산자 (== vs ===)는 무엇입니까? 나는 JSLint 를 사용하여 JavaScript를 통과하고 있으며 if 내부에서 idSele_UNVEHtype.value.length == 0 == (등호 2 개)를 === (등호 3 개)로 바꾸라는 많은 제안을 반환 if 성명서. == 를 === 로 바꾸면 성능상의 이점이 있습니까? 많은 비교 연산자가 존재하므로 성능 향상을 환영합니다. 유형 변환이 발생하지 않으면 == 보다 성능이 향상됩니까? 답변 완전 항등 연산자 ( === )는 유형 변환이 수행되지 않는다는 점을 제외하고 == )와 동일하게 작동하며 동일한 것으로 간주 되려면 유형이 동일해야합니다. 참조 : 자바 스크립트 튜토리얼 : 비교 연산자 ..

질문 : AngularJS : 비동기 데이터로 서비스 초기화 비동기 데이터로 초기화하려는 AngularJS 서비스가 있습니다. 이 같은: myModule.service('MyService', function($http) { var myData = null; $http.get('data.json').success(function (data) { myData = data; }); return { setData: function (data) { myData = data; }, doStuff: function () { return myData.getSomeData(); } }; }); myData 가 돌아 오기 전에 doStuff() 를 호출하려고하면 null 포인터 예외가 발생하기 때문에 분명히 이것은 작동하..

질문 : CSS를 사용하여 확인란 크기를 변경할 수 있습니까? 브라우저에서 CSS 또는 HTML을 사용하여 확인란의 크기를 설정할 수 있습니까? width 와 size 는 IE6 +에서 작동하지만 Firefox에서는 작동하지 않습니다. Firefox에서는 더 작은 크기를 설정해도 확인란이 16x16으로 유지됩니다. 답변 (확장으로 인해) 약간 못 생겼지 만 대부분의 최신 브라우저에서 작동합니다. input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ ..

질문 : CSS 폭발 관리 작업중인 웹 사이트에서 CSS에 크게 의존하고 있습니다. 지금은 모든 CSS 스타일이 태그별로 적용되고 있으므로 향후 변경에 도움이되도록 더 많은 외부 스타일로 옮기려고합니다. 그러나 이제 문제는 내가 "CSS 폭발"을 받고 있음을 알아 차렸다는 것입니다. CSS 파일 내에서 데이터를 가장 잘 구성하고 추상화하는 방법을 결정하는 것이 점점 어려워지고 있습니다. 나는 테이블 기반 웹 사이트에서 이동하여 웹 사이트 내에서 div 태그를 사용하고 있습니다. 그래서 다음과 같은 CSS 선택기를 많이 얻었습니다. div.title { background-color: blue; color: white; text-align: center; } div.footer { /* Styles Her..