반응형

javascript 82

reactjs를 사용하여 원시 html 렌더링

reactjs를 사용하여 원시 html 렌더링 이게 raw html을 reactjs로 렌더링하는 유일한 방법인가요? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( {this.props.author} ); } }); JSX에서 마크업을 하는 멋진 방법이 몇 가지 있다는 것을 알지만, 주로 (모든 클래스, 인라인 스타일 등)..

programing 2022.09.18

JavaScript Date 객체에 30분을 추가하는 방법

JavaScript Date 객체에 30분을 추가하는 방법 다른 날짜 개체보다 30분 늦은 날짜 개체를 받고 싶습니다.JavaScript를 사용하는 방법라이브러리 사용 날짜 작업이 많은 경우 Datejs나 Moment.js와 같은 JavaScript 날짜 라이브러리를 살펴보는 것이 좋습니다.예를 들어 Moment.js의 경우 다음과 같이 됩니다. var newDateObj = moment(oldDateObj).add(30, 'm').toDate(); 바닐라 자바스크립트 이것은 혼돈의 해답과 같습니다만, 한 줄에 다음과 같습니다. var newDateObj = new Date(oldDateObj.getTime() + diff*60000); 어디에diff원하는 분 단위의 차이입니다.oldDateObj의 시간..

programing 2022.09.18

스크롤을 숨기지 않고 비활성화하는 방법

스크롤을 숨기지 않고 비활성화하는 방법 라이트박스를 사용하는 동안 부모의 html/body 스크롤바를 비활성화하려고 합니다.여기서 가장 중요한 단어는 disable입니다.나는 그것을 숨기고 싶지 않다overflow: hidden;. 는 ★★★★★★★★★★★★★★★★★★★★★★★」overflow: hidden는 사이트가 점프하여 스크롤이 있던 영역을 차지하게 합니다. 스크롤 바를 표시하면서 비활성화할 수 있는지 알고 싶습니다.오버레이 아래의 페이지를 상단에 "고정"할 수 있는 경우 오버레이를 열 때 body { position: fixed; overflow-y:scroll } 오른쪽 스크롤바는 표시되지만 내용은 스크롤할 수 없습니다.오버레이를 닫을 때 다음 속성으로 되돌리기만 하면 됩니다. body { p..

programing 2022.09.17

'innerText'는 IE에서는 동작하지만 Firefox에서는 동작하지 않습니다.

'innerText'는 IE에서는 동작하지만 Firefox에서는 동작하지 않습니다. IE에서 동작하는 JavaScript 코드에는 다음과 같은 것이 포함되어 있습니다. myElement.innerText = "foo"; 하지만, '내부'는Firefox에서는 Text' 속성이 작동하지 않습니다.Firefox와 동등한 것이 있습니까?또는 보다 일반적인 크로스 브라우저 속성을 사용할 수 있습니까?업데이트: 저는 모든 차이점에 대해 훨씬 더 자세히 블로그에 글을 썼습니다. Firefox W3C를 합니다.Node::textContent 사양인 MSHTML과 은 '.innerText(오페라도 얼마 전에 다른 수십 개의 MSHTML 기능을 복사했습니다). 단......textContent으로 나타나다.innerTex..

programing 2022.09.17

JavaScript를 사용하여 양식을 제출하려면 어떻게 해야 합니까?

JavaScript를 사용하여 양식을 제출하려면 어떻게 해야 합니까? 신분증이 있는 양식을 가지고 있습니다.theForm송신 버튼이 내장된 다음 div가 있습니다. Place Order 클릭하면 함수가placeOrder()호출됩니다.이 함수는 내부를 변경합니다.위 div의 HTML은 "처리 중"입니다(따라서 "제출" 버튼이 사라졌습니다). 위의 코드는 유효합니다만, 제출하는 폼을 입수할 수 없는 것이 문제입니다!이걸 넣어봤는데placeOrder()기능: document.theForm.submit(); 하지만 그건 효과가 없어. 제출할 양식을 어떻게 받을 수 있나요?설정name폼의 속성"theForm"코드가 작동하게 됩니다.사용할 수 있습니다. document.getElementById('theForm')..

programing 2022.09.16

최소 유효 JSON은 얼마입니까?

최소 유효 JSON은 얼마입니까? JSON 설명 http://json.org/은 주의 깊게 읽었지만 간단한 질문에 대한 답을 알 수 있을지 모르겠습니다.유효한 최소 JSON 문자열은 무엇입니까? "string"JSON? 42JSON? trueJSON? {}JSON입니까? []JSON입니까? 작성 시 JSON은 RFC4627에만 기재되어 있습니다.JSON 텍스트는 ("2"의 선두에) 시리얼화된 오브젝트 또는 어레이로 기술되어 있습니다. 이것은 단지 {} ★★★★★★★★★★★★★★★★★」[]유효한 JSON 문자열은 해당 표준에 준거한 파서 및 스트링ifier입니다. 다만, ECMA-404의 도입에 의해서 변경되어 갱신된 어드바이스는 이쪽에서 참조할 수 있습니다.나는 또한 그 문제에 대한 블로그 투고를 썼다...

programing 2022.09.16

Access-Control-Allow-Origin 헤더는 어떻게 동작합니까?

Access-Control-Allow-Origin 헤더는 어떻게 동작합니까? 내가 그 의미를 완전히 오해한 것 같아.이런 생각이 들었어요. 클라이언트는 javascript 코드 MyCode.js를 에서 다운로드합니다.http://siteA- 원점. MyCode.js의 응답 헤더에는 Access-Control-Allow-Origin:이 포함되어 있습니다.이것은 MyCode.js가 사이트 B에 대한 상호 발신 참조를 할 수 있는 것을 의미합니다. 는 MyCode하고 MyCode.js는 "MyCode.js "Da"에 .http://siteB이치노 글쎄, 내가 틀렸어.그것은 전혀 이렇게 작동하지 않는다.따라서 w3c 권장 사항에서 크로스 오리진 리소스 공유를 읽고 크로스 오리진 리소스 공유를 읽어 보았습니다. ..

programing 2022.09.16

Firebase Firestore 'Reference' 데이터 유형은 무엇에 유효합니까?

Firebase Firestore 'Reference' 데이터 유형은 무엇에 유효합니까? 새로운 Firebase Firestore를 탐색하는 중인데 데이터 유형인 "라고 합니다.이것이 무엇을 하는지 내게는 명확하지 않다. 외국 열쇠 같아요? 다른 곳에 있는 컬렉션을 가리키는 데 사용할 수 있습니까? ifreference실제 레퍼런스입니다.의에사 사용 ??? ???예를 들어 텍스트 필드에 userId를 저장하지 않고 사용자를 직접 가리키는 참조를 가질 수 있습니까?그리고 이 사용자 레퍼런스를 쿼리에 사용할 수 있습니까? 아래에 Firestore의 레퍼런스를 사용하여 나에게 효과가 있었던 것을 추가한다. 다른 답들도 그렇듯이 외국 열쇠 같아요.그러나 참조 속성은 참조 문서의 데이터를 반환하지 않습니다.예를 ..

programing 2022.09.15

node.js를 사용하여 콜백이 호출될 때까지 함수를 대기시키는 방법

node.js를 사용하여 콜백이 호출될 때까지 함수를 대기시키는 방법 다음과 같은 간단한 기능이 있습니다. function(query) { myApi.exec('SomeCommand', function(response) { return response; }); } 기본적으로 나는 그것이 전화하기를 원한다.myApi.exec콜백 람다에 지정된 응답을 반환합니다.그러나 위의 코드는 작동하지 않고 즉시 반환됩니다. 아주 해킹적인 시도를 하려고 아래를 시도했지만 효과가 없었습니다. 하지만 적어도 당신은 내가 무엇을 달성하려고 하는지 알 수 있습니다. function(query) { var r; myApi.exec('SomeCommand', function(response) { r = response; }); w..

programing 2022.09.08

요구 방지필요한 스크립트 캐싱의 JS

요구 방지필요한 스크립트 캐싱의 JS RequireJs는 필요한 Javascript 파일을 캐시하는 작업을 내부적으로 수행하는 것 같습니다.필요한 파일 중 하나를 변경한 경우 변경 내용을 적용하려면 파일 이름을 변경해야 합니다. . 이러한 요구의 내부 캐시를 방지하는 방법을 찾고 있습니다.JS에서는 스크립트가 업데이트될 때마다 스크립트 파일의 이름을 변경하지 않고 스크립트가 필요했습니다. 크로스 플랫폼 솔루션: 사용하고 .urlArgs: "bust=" + (new Date()).getTime()중 자동 및 "캐시 스위칭"에 설명합니다.urlArgs: "bust=v2"필요한 스크립트를 갱신한 후 하드 코드화된 버전 번호를 늘립니다. 주의: @Dustin Getz는 Javascript를 통해 Chrome D..

programing 2022.09.08
반응형