반응형

JavaScript 22

공급업체 스크립트를 별도로 묶어서 웹팩에 필요에 따라 필요한 경우 어떻게 해야 합니까?

공급업체 스크립트를 별도로 묶어서 웹팩에 필요에 따라 필요한 경우 어떻게 해야 합니까? 저는 가능해야 한다고 생각하는 일을 하려고 노력하고 있지만 웹팩 문서만으로는 어떻게 해야 하는지 정말 이해할 수 없습니다. 저는 서로 의존할 수도 있고 그렇지 않을 수도 있는 여러 모듈로 자바스크립트 라이브러리를 작성하고 있습니다.여기에 jQuery는 모든 모듈에서 사용되며 일부 모듈은 jQuery 플러그인이 필요할 수 있습니다.그러면 이 라이브러리는 일부 또는 모든 모듈이 필요한 여러 다른 웹 사이트에서 사용됩니다. 모듈 간의 종속성을 정의하는 것은 매우 쉬웠지만 타사의 종속성을 정의하는 것은 예상보다 어려운 것 같습니다. 제가 이루고 싶은 것은 각 앱에 대해 필요한 타사 종속성이 있는 번들 파일 2개와 라이브러리에..

programing 2023.11.07

자바스크립트로 객체 확장하기

자바스크립트로 객체 확장하기 저는 현재 에서 변신 중입니다.Java.Javascript, 제가 원하는 방식으로 객체를 확장하는 방법을 이해하기가 좀 어렵습니다. 나는 인터넷에서 몇몇 사람들이 extend on object라고 불리는 방법을 사용하는 것을 본 적이 있습니다.코드는 다음과 같습니다. var Person = { name : 'Blank', age : 22 } var Robot = Person.extend({ name : 'Robo', age : 4 )} var robot = new Robot(); alert(robot.name); //Should return 'Robo' 이거 어떻게 만드는지 아는 사람?저는 당신이 글을 써야 한다고 들었습니다. Object.prototype.extend = f..

programing 2023.10.28

Chrome에서 JavaScript 메모리 누수 찾기

Chrome에서 JavaScript 메모리 누수 찾기 백본 보기를 만들고, 이벤트에 핸들러를 연결하고, 사용자 정의 클래스를 인스턴스화하는 매우 간단한 테스트 케이스를 만들었습니다.저는 이 샘플에서 "Remove" 버튼을 클릭하면 모든 것이 정리되고 메모리 누수가 없어야 한다고 생각합니다. 코드에 대한 jsfiddle이 여기 있습니다: http://jsfiddle.net/4QhR2/ // scope everything to a function function main() { function MyWrapper() { this.element = null; } MyWrapper.prototype.set = function(elem) { this.element = elem; } MyWrapper.prototyp..

programing 2023.10.13

HTMLHTML파일 선택 이벤트파일 선택 이벤트

HTML파일 선택 이벤트 우리에게 이런 코드가 있다고 치자. 결과는 다음과 같습니다. 사용자가 '찾아보기...' 버튼을 클릭하면 파일 검색 대화 상자가 열립니다. 파일을 두 번 클릭하거나 '열기' 버튼을 클릭하여 파일을 선택합니다. 파일 선택 후 알림 받을 수 있는 자바스크립트 이벤트가 있나요?변경 이벤트를 들어봅니다. document.getElementById('input').addEventListener('change', function(e) { if (e.target.files[0]) { document.body.append('You selected ' + e.target.files[0].name); } }); 파일을 다시 로드해야 할 때 입력 값을 지울 수 있습니다.다음 번에 파일을 추가할 때 '..

programing 2023.10.08

한 하는 중한 하는 중한 하는 중인에인에인에

한 하는 중인에 element 요소In the following: 다음 내용: 테스트 원 테스트 투 How can I get the text of the selected option (i.e. "Test One" or "Test Two") using JavaScript 자바스크립트를 사용하여 선택한 옵션(즉, "테스트 원" 또는 "테스트 투")의 텍스트를 가져오려면 어떻게 해야 합니까?document.getElementsById('test').document.getElementsById('test')를 선택합니다.selectedValue returns 1 or 2, what property returns the text of the selected option?선택한 값이 1 또는 2를 반환합니다. 선택..

programing 2023.10.08

Nodejs5와 babel에서 "예상치 못한 토큰 가져오기"?

Nodejs5와 babel에서 "예상치 못한 토큰 가져오기"? js파일에서는 require 대신 import to를 사용했습니다. import co from 'co'; 그리고 import가 'runtime features'라고 해서 nodejs에서 직접 실행을 시도했고, runtime flag 없이 shipping을 했습니다(https://nodejs.org/en/docs/es6/), . 오류가 발생했습니다. import co from 'co'; ^^^^^^ SyntaxError: Unexpected token import 그리고 바벨을 사용하려고 했습니다. npm install -g babel-core npm install -g babel-cli npm install babel-core //instal..

programing 2023.10.08

CoffeeScript에서 객체의 키와 값을 반복하는 방법?

CoffeeScript에서 객체의 키와 값을 반복하는 방법? 객체(예를 들어 "associate array" - 일반 자바스크립트 객체라고도 함)가 있습니다. obj = {} obj["Foo"] = "Bar" obj["bar"] = "Foo" 나는 반복하고 싶습니다.obj다음과 같이 CoffeeScript를 사용합니다. # CS for elem in obj 그러나 위의 CS 코드는 JS로 컴파일됩니다. // JS for (i = 0, len = obj.length; i < len; i++) 이 경우에는 적절하지 않은 것 같습니다. 자바스크립트 방식은for(var key in obj)커피스크립트에서는 어떻게 해야 할까요?사용하다for x,y of L. 관련 문서. ages = {} ages["jim"] =..

programing 2023.10.08

클래스 및 ID별 요소 내부 요소 가져오기 - JavaScript

클래스 및 ID별 요소 내부 요소 가져오기 - JavaScript 좋아요, 자바스크립트를 손본적은 있지만, 제가 작성한 가장 유용한 것은 CSS 스타일 스위치입니다.그래서 저는 처음입니다.제가 HTML 코드를 가지고 있다고 가정해 보겠습니다. Hello world! 내가 어떻게 변하겠습니까?Hello world!로.Goodbye world!? 방법을 안다.document.getElementsByClassName그리고.document.getElementById일을 하지만 좀 더 구체적으로 하고 싶습니다.이전에 문의한 적이 있다면 죄송합니다.음, 먼저 다음과 같은 기능을 가진 요소를 선택해야 합니다.getElementById. var targetDiv = document.getElementById("foo"..

programing 2023.10.03

점 확대(척도 및 변환 사용)

점 확대(척도 및 변환 사용) 구글 지도를 확대하는 것처럼 HTML 5 캔버스로 마우스 밑에 있는 점을 확대할 수 있기를 원합니다.어떻게 하면 그것을 이룰 수 있을까요?더 나은 해결책은 확대/축소 변경에 따라 뷰포트의 위치를 간단히 이동하는 것입니다.확대/축소 지점은 단순히 이전 확대/축소와 새 확대/축소를 동일하게 유지하려는 지점입니다.즉, 뷰포트가 미리 줌되고 뷰포트가 후 줌되고 뷰포트가 뷰포트에 대해 동일한 줌 포인트를 갖는다는 것입니다.우리가 원점에 비해 상대적으로 규모를 조정하고 있는 것을 감안하면 말입니다.그에 따라 뷰포트 위치를 조정할 수 있습니다. scalechange = newscale - oldscale; offsetX = -(zoomPointX * scalechange); offset..

programing 2023.09.28

window.location.Clear 캐시가 있는 reload

window.location.Clear 캐시가 있는 reload 이 질문에는 이미 다음과 같은 답변이 있습니다. 현재 페이지의 JavaScript 하드 새로 고침 (10개 답변) 닫힘5년 전에. 자바스크립트를 이용해서 페이지를 다시 로드하고 싶은데 캐시도 지우고 싶어서 페이지 새로 고침에 서버의 모든 것을 최신 버전으로 보여줍니다. IE를 제외한 다른 브라우저는 최신 콘텐츠를 얻지 못하고 있습니다. IE9에 대한 해결책이 있습니까?reload()캐시를 무시하고 하드 새로고침을 하라는 인수를 받아들이도록 되어 있습니다. location.reload(true); 신뢰성을 보증할 수는 없지만 좀 더 조사해 보셔야 할 수도 있습니다. 편집(2021): 매개 변수는 표준화된 적이 없으며 더 최신 브라우저에서 더 ..

programing 2023.09.23
반응형