반응형

JavaScript 43

어떻게 두 줄을 숫자처럼 추가할 수 있죠?

어떻게 두 줄을 숫자처럼 추가할 수 있죠? 이 질문에는 이미 답변이 있습니다. 두 숫자를 더하면 합계가 계산되지 않고 두 숫자를 연결할 수 있습니다. (24 회답) 닫힘2년 전에요. 숫자만 포함하는 문자열이 두 개 있습니다. var num1 = '20', num2 = '30.5'; 그것들을 함께 추가할 수 있을 것이라고 예상했지만, 대신 연결되고 있습니다. num1 + num2; // = '2030.5' 어떻게 하면 이 문자열들을 숫자로 취급할 수 있을까요?단항 더하기 연산자를 사용하여 먼저 숫자로 변환할 수 있습니다. +num1 + +num2; 해석용 MDN 문서내부 parseFloat용 MDN 문서 에서는 Int 되어 있기 에 10int 의 10은 10으로 되어 있습니다.하지 않은 에서는 앞에 "ja..

source 2022.12.25

HTML 파일의 JavaScript 위치

HTML 파일의 JavaScript 위치 꽤 큰 JavaScript 파일을 가지고 있다고 칩시다.약 100kb 정도로 압축되어 있습니다.이란, 「」이라고 하는 것은, 「외부 파일」이라고으로, 「외부 파일」이라고 하는 것은, 「입니다. 왜요? 스크립트로 인해 발생하는 문제는 병렬 다운로드를 차단한다는 것입니다.HTTP/1.1 사양에서는 브라우저가 호스트명당 병렬로 다운로드하는 컴포넌트는 2개 이하인 것을 나타내고 있습니다.여러 호스트 이름에서 이미지를 제공하는 경우 두 개 이상의 다운로드를 동시에 받을 수 있습니다.그러나 스크립트를 다운로드하는 동안 브라우저는 다른 호스트 이름에서도 다른 다운로드를 시작하지 않습니다.더... CSS 주제에서 좀 벗어나긴 하지만...맨 위에 스타일시트를 놓으세요. Yahoo..

source 2022.12.25

webpack-dev-server에 원격으로 연결하면 "Invalid Host header" 메시지가 나타난다.

webpack-dev-server에 원격으로 연결하면 "Invalid Host header" 메시지가 나타난다. 환경으로서 Cloud9.io ubuntu VM Online IDE 를 사용하고 있으며, 이 에러를 트러블 슈팅 하고, Webpack dev server 로만 앱을 실행하도록 했습니다. 다음을 사용하여 실행합니다. webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $IP는 호스트 주소 $PORT에 포트 번호가 있는 변수입니다. Cloud 9에서 앱을 배포할 때 기본 IP와 PORT 정보가 있으므로 이러한 변수를 사용하도록 지시받았습니다. 서버가 부팅되어 코드가 컴파일 됩니다.문제 없습니다만, 인덱스 파일은 표..

source 2022.12.25

ReactJ는 HTML 문자열을 JSX로 변환합니다.

ReactJ는 HTML 문자열을 JSX로 변환합니다. 페이스북의 ReactJs를 다루는데 어려움을 겪고 있어요.html 데이터를 표시하기 위해 ajax를 할 때마다 리액트JS는 그것을 텍스트로 표시합니다.(아래 그림 참조) 데이터는 jquery Ajax 성공 콜백 함수를 통해 표시됩니다. $.ajax({ url: url here, dataType: "json", success: function(data) { this.setState({ action: data.action }) }.bind(this) }); 이것을 html로 쉽게 변환할 수 있는 방법이 있나요?ReactJs를 사용하여 어떻게 하면 좋을까요?기본적으로는 React는 HTML을 이스케이프하여 XSS(사이트 간 스크립팅)를 방지합니다.HTML을..

source 2022.12.05

JavaScript에는 스트링빌더 클래스가 내장되어 있습니까?

JavaScript에는 스트링빌더 클래스가 내장되어 있습니까? 몇 가지 코드 프로젝트 솔루션이 있습니다. 하지만 JavaScript에는 정기적으로 구현이 있습니까?Internet Explorer용 코드를 작성해야 할 경우 어레이 조인을 사용하는 구현을 선택해야 합니다.스트링과 를 연결하다+또는+=오퍼레이터가 IE에서 매우 느립니다.이것은 특히 IE6에 해당됩니다.최신 브라우저+=일반적으로 어레이 결합과 같은 속도입니다. 많은 문자열 연결을 수행해야 할 경우 일반적으로 어레이를 채우고 문자열 빌더 클래스를 사용하지 않습니다. var html = []; html.push( "", "", "bla bla bla", "", "" ); return html.join(""); 주의:push메서드는 여러 인수를 받아..

source 2022.12.05

요소가 jQuery에 숨겨져 있는지 확인하려면 어떻게 해야 합니까?

요소가 jQuery에 숨겨져 있는지 확인하려면 어떻게 해야 합니까? 요소의 가시성을 바꿀 수 있을까요?.hide(),.show() , 「」.toggle() 가 '아예'인지 해야 하나요?visible ★★★★★★★★★★★★★★★★★」hidden질문은 단일 요소를 가리키기 때문에 다음 코드가 더 적합할 수 있습니다. // Checks CSS content for display:[none|block], ignores visibility:[true|false] $(element).is(":visible"); // The same works with hidden $(element).is(":hidden"); 이는 twernt의 제안과 동일하지만 단일 요소에 적용되며 jQuery FAQ에서 권장하는 알고리즘과 일치..

source 2022.12.05

JavaScript에는 지정된 범위 내에서 범위를 생성하는 "range()"와 같은 메서드가 있습니까?

JavaScript에는 지정된 범위 내에서 범위를 생성하는 "range()"와 같은 메서드가 있습니까? PHP에서는 다음을 수행할 수 있습니다. range(1, 3); // Array(1, 2, 3) range("A", "C"); // Array("A", "B", "C") 즉, 상한과 하한을 넘으면 숫자나 문자의 범위를 얻을 수 있는 기능이 있습니다. 이를 위해 JavaScript에 기본 제공이 있습니까?그렇지 않은 경우 어떻게 구현해야 합니까?숫자 [...Array(5).keys()]; => [0, 1, 2, 3, 4] 문자 반복 String.fromCharCode(...[...Array('D'.charCodeAt(0) - 'A'.charCodeAt(0) + 1).keys()].map(i => i + ..

source 2022.11.26

시제품의 목적은 무엇입니까?

시제품의 목적은 무엇입니까? 이 질문에는 이미 답변이 있습니다. '프로토타입'과JavaScript에서 'this'를 사용할 수 있습니까? (15개의 답변) 닫힘1년 전. 중복 가능성: '프로토타입'과JavaScript에서 'this'를 사용할 수 있습니까? 네, JS에서 OOP라는 개념은 조금 생소합니다. 아래에 기재되어 있는 두 코드 조각의 차이점은 무엇입니까? function animal(){ this.name = 'rover'; this.set_name = function(name){ this.name = name; } } function animal(){ this.name = 'rover'; } animal.prototype.set_name = function(name){ this.name = n..

source 2022.11.26

JavaScript: 객체 이름 변경 키

JavaScript: 객체 이름 변경 키 Javascript 객체에서 키의 이름을 바꿀 수 있는 현명한(최적화된) 방법이 있습니까? 최적화되지 않은 방법은 다음과 같습니다. o[ new_key ] = o[ old_key ]; delete o[ old_key ]; 가장 완벽하고 올바른 방법은 다음과 같습니다. if (old_key !== new_key) { Object.defineProperty(o, new_key, Object.getOwnPropertyDescriptor(o, old_key)); delete o[old_key]; } 이 방법을 사용하면 이름이 변경된 속성이 원래 속성과 동일하게 동작합니다. 해서, ,, 방, 이, 방, 방, 방, 에, 에, 에, 에, 고, 고, 고, 고, 고, 고, 고, ..

source 2022.11.25

javascript 객체의 속성 서브셋을 가져오는 방법

javascript 객체의 속성 서브셋을 가져오는 방법 대상이 있다고 가정해 보겠습니다. elmo = { color: 'red', annoying: true, height: 'unknown', meta: { one: '1', two: '2'} }; 속성 중 일부를 사용하여 새 개체를 만들고 싶습니다. // pseudo code subset = elmo.slice('color', 'height') //=> { color: 'red', height: 'unknown' } 어떻게 하면 좋을까요?오브젝트 파괴 및 속성 단축 사용 const object = { a: 5, b: 6, c: 7 }; const picked = (({ a, c }) => ({ a, c }))(object); console.log(pic..

source 2022.11.25
반응형