«javascript» 태그된 질문

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


10
의사 요소에서 클릭 이벤트 만 감지
내 코드는 다음과 같습니다 p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; } 이 바이올린을 참조하십시오 : http://jsfiddle.net/ZWw3Z/5/ 의사 요소 (빨간색 비트)에서만 클릭 이벤트를 트리거하고 싶습니다. 즉, 클릭 이벤트가 파란색 비트에서 트리거되는 것을 원하지 않습니다.
213 javascript  jquery  css 


9
ReactJS는 HTML 문자열을 JSX로 변환
페이스 북의 ReactJS를 다루는데 어려움을 겪고 있습니다. 아약스를하고 html 데이터를 표시하려고 할 때마다 ReactJS는 텍스트로 표시합니다. (아래 그림 참조) jquery Ajax의 성공 콜백 기능을 통해 데이터가 표시됩니다. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); 이것을 html로 변환하는 쉬운 방법이 있습니까? ReactJS를 사용하여 …

15
base64 데이터 문자열에서 PNG 이미지 서버 측을 저장하는 방법
캔버스 그림을 PNG 이미지로 변환하기 위해 Nihilogic의 "Canvas2Image"JavaScript 도구를 사용하고 있습니다. 내가 지금 필요한 것은 PHP를 사용하여이 도구가 생성하는 base64 문자열을 서버의 실제 PNG 파일로 바꾸는 것입니다. 요컨대, 현재하고있는 일은 Canvas2Image를 사용하여 클라이언트 측에서 파일을 생성 한 다음 base64로 인코딩 된 데이터를 검색하여 AJAX를 사용하여 서버로 보내는 것입니다. // Generate …


7
렌더링시 반응 onClick 함수 발생
자식 구성 요소에 2 개의 값을 전달합니다. 표시 할 객체 목록 기능을 삭제하십시오. .map () 함수를 사용하여 객체 목록을 표시합니다 (react tutorial 페이지에 제공된 예제와 같이). 그러나 해당 구성 요소의 버튼은 onClick렌더링시 함수를 시작합니다 (렌더링 시간에는 실행되지 않아야 함). 내 코드는 다음과 같습니다 module.exports = React.createClass({ render: function(){ var taskNodes …

7
두 개의 jQuery 애니메이션을 동시에 실행하는 방법은 무엇입니까?
두 개의 다른 요소에서 두 개의 애니메이션을 동시에 실행할 수 있습니까? 이 질문 Jquery queuing animations 의 반대가 필요합니다 . 나는 이런 식으로해야합니다 ... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); 그 둘을 동시에 실행할 수 있습니다. 내가 생각할 수있는 유일한 것은 setTimeout각 애니메이션에 대해 한 번만 …



13
Chrome에서 인라인 Javascript로 중단 점을 설정하는 방법은 무엇입니까?
Chrome에서 개발자 도구를 열면 프로필, 타임 라인 및 감사와 같은 모든 종류의 기능이 표시되지만 js 파일과 html 및 자바 스크립트 코드 모두에서 중단 점을 설정할 수있는 것과 같은 기본 기능이 없습니다! 자바 스크립트 콘솔을 사용하려고했습니다. 예를 들어 JS 오류가 발생하면 전체 페이지를 새로 고치지 않으면 벗어날 수 없습니다. 누군가 도울 …

28
moment.js 기간에 format ()을 어떻게 사용합니까?
지속 시간 객체에 moment.js format 메소드를 사용할 수있는 방법이 있습니까? 문서의 어느 곳에서도 찾을 수 없으며 지속 기간 객체의 속성으로 보이지 않습니다. 나는 다음과 같은 것을 할 수 있기를 원한다. var diff = moment(end).unix() - moment(start).unix(); moment.duration(diff).format('hh:mm:ss') 또한 이러한 종류의 기능을 쉽게 수용 할 수있는 다른 라이브러리가 있으면 권장 사항에 …

10
JavaScript 오류 (Uncaught SyntaxError : 예기치 않은 입력 끝)
FireFox에서는 작동하지만 Chrome 또는 IE에서는 작동하지 않는 JavaScript 코드가 있습니다. Chrome JS 콘솔에서 다음 오류가 발생합니다. "Uncaught SyntaxError : 예기치 않은 입력 끝". 사용중인 JavaScript 코드는 다음과 같습니다 <script> $(function() { $("#mewlyDiagnosed").hover(function() { $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"}); }, function() { $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"}); }); </script> 오류가 마지막 줄에 있다고 …

13
JavaScript에서 따옴표를 이스케이프 처리
데이터베이스에서 값을 출력하고 있습니다 (실제 공개 공개는 아니지만 회사의 사용자가 공개 할 수 있습니다-즉, XSS 에 대해 걱정하지 않습니다 ). 다음과 같은 태그를 출력하려고합니다. <a href="" onclick="DoEdit('DESCRIPTION');">Click Me</a> DESCRIPTION은 실제로 다음과 같은 데이터베이스의 값입니다. Prelim Assess "Mini" Report "를 \"로 바꾸려고했지만 아무리 노력해도 Firefox는 Assess 라는 단어 뒤에 공백이 있으면 …

4
ES6 클래스 기반 React 구성 요소와 기능적 ES6 React 구성 요소를 언제 사용해야합니까?
React를 배우는 데 시간을 보낸 후 구성 요소를 만드는 두 가지 주요 패러다임의 차이점을 이해합니다. 내 질문은 언제 어느 것을 사용해야 하는가? 다른 것의 장점 / 무역은 무엇입니까? ES6 수업 : import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); …

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