«javascript» 태그된 질문

ECMAScript (JavaScript / JS)에서의 프로그래밍 및 다양한 방언 / 구현 (ActionScript 제외)에 관한 질문이 있습니다. 이 태그는 거의 사용되지 않지만 [node.js], [jquery], [json] 및 [html] 태그와 가장 관련이 있습니다.


22
ENTER에서 <div>를 추가 할 수있는 콘텐츠 편집 금지-Chrome
나는 contenteditable요소를 가지고 있으며 , 물건을 입력하고 칠 때마다 ENTER새로운 것을 만들고 &lt;div&gt;새로운 줄 텍스트를 거기에 넣 습니다. 나는 이것을 조금 좋아하지 않습니다. 이 문제가 발생하는 것을 막을 수 &lt;br&gt;있습니까? 아니면 적어도 ? 데모는 http://jsfiddle.net/jDvau/입니다. 참고 : 이것은 firefox의 문제가 아닙니다.

11
getImageData () 오류 수정 방법 교차 출처 데이터로 인해 캔버스가 오염 되었습니까?
내 코드는 로컬 호스트에서 잘 작동하지만 사이트에서는 작동하지 않습니다. 이 줄에 대해 콘솔 에서이 오류가 발생했습니다 .getImageData(x,y,1,1).data. Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 내 코드의 일부 : jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - $(this.target).offset().left),y = this.offsetY || (this.pageY …

6
componentDidUpdate () 내부의 setState ()
드롭 다운의 높이와 화면의 입력 위치에 따라 드롭 다운을 입력의 위 또는 아래로 이동시키는 스크립트를 작성 중입니다. 또한 방향에 따라 수정자를 드롭 다운하도록 설정하고 싶습니다. 그러나 setState내부를 사용 componentDidUpdate하면 무한 루프 가 생성됩니다 (명백합니다) getDOMNode클래스 이름을 사용 하고 드롭 다운으로 직접 설정 하는 솔루션을 찾았 지만 React 도구를 사용하는 더 …

8
Jest 코드 커버리지
Jasmine 위에 구축 된 Javascript Jest 테스트 프레임 워크에서 코드 적용 범위를 가질 수있는 방법이 있습니까? 내부 프레임 워크 는 코드 범위를 인쇄 하지 않습니다 . 나는 또한 Istanbul , blanket 및 JSCover 사용하려고 시도했지만 그중 아무것도 작동하지 않습니다.
131 javascript  jestjs 

7
반응 라우터 : 수동으로 링크를 호출하는 방법?
ReactJS와 React-Router를 처음 사용합니다. prop -router&lt;Link/&gt; 로부터 객체 를 props 통해받는 구성 요소가 있습니다. 사용자 가이 구성 요소 내에서 '다음'버튼을 클릭 할 때마다 객체를 수동으로 호출하려고합니다 .&lt;Link/&gt; 지금은 Refs 를 사용하여 백업 인스턴스 에 액세스하고 &lt;Link/&gt;생성 되는 'a'태그를 수동으로 클릭합니다 . 질문 : 링크를 수동으로 호출하는 방법이 this.props.next.go있습니까 (예 :) …

3
JavaScript에서 세트를 매핑 / 축소 / 필터링하는 방법?
JavaScript에서 map/ reduce/ filter/ etc를하는 방법이 Set있습니까? 아니면 내 자신을 작성해야합니까? 합리적인 Set.prototype확장 기능은 다음과 같습니다. Set.prototype.map = function map(f) { var newSet = new Set(); for (var v of this.values()) newSet.add(f(v)); return newSet; }; Set.prototype.reduce = function(f,initial) { var result = initial; for (var v of this) result = …

17
클래스 이름으로 자식 요소를 얻는 방법?
클래스 = 4 인 자식 범위를 얻으려고합니다. 예제 요소는 다음과 같습니다. &lt;div id="test"&gt; &lt;span class="one"&gt;&lt;/span&gt; &lt;span class="two"&gt;&lt;/span&gt; &lt;span class="three"&gt;&lt;/span&gt; &lt;span class="four"&gt;&lt;/span&gt; &lt;/div&gt; 내가 사용할 수있는 도구는 JS와 YUI2입니다. 나는 이런 식으로 할 수 있습니다 : doc = document.getElementById('test'); notes = doc.getElementsByClassName('four'); //or doc = YAHOO.util.Dom.get('#test'); notes = doc.getElementsByClassName('four'); IE에서는 작동하지 …
131 javascript  yui 

3
이스탄불 보장 보고서를 어떻게 읽습니까?
저는 항상 단위 테스트에 Jasmine을 사용했지만 최근에는 Istanbul을 사용하여 코드 검사 보고서를 제공하기 시작했습니다. 내 말은 그들이 나에게 말하려는 내용 의 요점 을 알지만 이러한 각 백분율이 나타내는 것이 무엇인지 실제로는 모르겠습니다 (Stmts, Branches, Funcs, Lines). 지금까지 인터넷 검색은 확실한 설명 / 리소스를 찾을 수 없었습니다. 질문 : 내가 말했듯이 …

6
인덱스 서명 매개 변수 유형은 공용체 유형이 될 수 없습니다. 대신 매핑 된 개체 유형을 사용하는 것이 좋습니다.
다음 패턴을 사용하려고합니다. enum Option { ONE = 'one', TWO = 'two', THREE = 'three' } interface OptionRequirement { someBool: boolean; someString: string; } interface OptionRequirements { [key: Option]: OptionRequirement; } 이것은 나에게 매우 간단 해 보이지만 다음과 같은 오류가 발생합니다. 인덱스 서명 매개 변수 유형은 공용체 유형이 될 수 …

17
AngularJS 오류 : 교차 출처 요청은 프로토콜 체계 (http, data, chrome-extension, https)에서만 지원됩니다.
매우 간단한 각도 js 응용 프로그램의 세 파일이 있습니다. index.html &lt;!DOCTYPE html&gt; &lt;html ng-app="gemStore"&gt; &lt;head&gt; &lt;script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'&gt;&lt;/script&gt; &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body ng-controller="StoreController as store"&gt; &lt;div class="list-group-item" ng-repeat="product in store.products"&gt; &lt;h3&gt;{{product.name}} &lt;em class="pull-right"&gt;{{product.price | currency}}&lt;/em&gt;&lt;/h3&gt; &lt;/div&gt; &lt;product-color&gt;&lt;/product-color&gt; &lt;/body&gt; &lt;/html&gt; product-color.html &lt;div class="list-group-item"&gt; &lt;h3&gt;Hello &lt;em class="pull-right"&gt;Brother&lt;/em&gt;&lt;/h3&gt; &lt;/div&gt; app.js (function() { var …


10
각 경로 및 컨트롤러에서 AngularJS- 로그인 및 인증
yeoman, grunt 및 bower를 사용하여 만든 AngularJS 응용 프로그램이 있습니다. 인증을 확인하는 컨트롤러가있는 로그인 페이지가 있습니다. 신임 정보가 정확하면 홈페이지로 이동합니다. app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { …

5
ExtJS 4 이벤트 처리 설명
최근에 ExtJS를 배우기 시작했으며 이벤트 처리 방법을 이해하는 데 어려움이 있습니다. ExtJS의 이전 버전에 대한 경험이 없습니다. 다양한 매뉴얼, 안내서 및 설명서 페이지를 읽음으로써 사용법을 알아 냈지만 어떻게 작동하는지 잘 모르겠습니다. 이전 버전의 ExtJS에 대한 몇 가지 자습서를 찾았지만 ExtJS 4에 적용 할 수있는 방법이 확실하지 않습니다. 저는 구체적으로 다음과 …

6
ng-repeat를 사용한 목록의 페이지 매김
내 목록에 페이지를 추가하려고합니다. 나는 스마트 폰에 관한 AngularJS 튜토리얼을 따랐으며 특정 수의 객체 만 표시하려고합니다. 내 HTML 파일은 다음과 같습니다. &lt;div class='container-fluid'&gt; &lt;div class='row-fluid'&gt; &lt;div class='span2'&gt; Search: &lt;input ng-model='searchBar'&gt; Sort by: &lt;select ng-model='orderProp'&gt; &lt;option value='name'&gt;Alphabetical&lt;/option&gt; &lt;option value='age'&gt;Newest&lt;/option&gt; &lt;/select&gt; You selected the phones to be ordered by: {{orderProp}} &lt;/div&gt; &lt;div …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.