반응형

JavaScript 15

자바스크립트 문자열에서 순방향 슬래시를 글로벌하게 대체하는 방법은?

자바스크립트 문자열에서 순방향 슬래시를 글로벌하게 대체하는 방법은? 자바스크립트 문자열에서 순방향 슬래시를 글로벌하게 대체하는 방법은?다음과 같은 경우만 해당되지만 한 가지 경우만 대체됩니다. "string".replace('/', 'ForwardSlash'); 전역적으로 대체하거나 정규식을 선호하는 경우 슬래시를 피하기만 하면 됩니다. "string".replace(/\//g, 'ForwardSlash'); 다음과 함께 regex 리터럴 사용gmodifier, 그리고 구분 기호와 충돌하지 않도록 백슬래시를 사용하여 앞으로 슬래시를 탈출합니다. var str = 'some // slashes', replacement = ''; var replaced = str.replace(/\//g, replaceme..

programing 2023.10.30

HTML 캔버스에서 텍스트의 높이를 어떻게 찾을 수 있습니까?

HTML 캔버스에서 텍스트의 높이를 어떻게 찾을 수 있습니까? 규격에는 context.measure텍스트(text) 함수가 있어 해당 텍스트를 인쇄하는 데 필요한 너비를 알려주지만 높이를 알 수 있는 방법을 찾을 수 없습니다.글꼴 기준인 건 알지만, 글꼴 문자열을 텍스트 높이로 변환할 수는 없습니다.브라우저는 고급 텍스트 메트릭을 지원하기 시작하고 있으며, 이 작업이 널리 지원될 때 이 작업은 사소한 것이 될 것입니다. let metrics = ctx.measureText(text); let fontHeight = metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent; let actualHeight = metrics.actualBoundingBo..

programing 2023.10.30

자바스크립트에 대한 코딩 표준이 있습니까?

자바스크립트에 대한 코딩 표준이 있습니까? 현재 상태로는 이 질문은 우리의 Q&A 형식에 맞지 않습니다.사실, 참고 자료 또는 전문 지식에 의해 답변이 뒷받침되기를 기대하지만, 이 질문은 토론, 주장, 여론 조사 또는 토론을 요청할 가능성이 높습니다.만약 이 질문이 개선되고 다시 열릴 수 있다고 생각한다면,안내를 받기 위해 헬프 센터를 방문합니다. 닫힘10년 전에. 자바스크립트에 대한 확립된 코딩 표준은 무엇입니까?정확히 원하는 것은 아니지만, (Doug Crockford의 비디오처럼) JS를 작성/편집/리뷰하는 모든 사람들은 유지보수 가능한 자바스크립트로 Chris Heilmann의 슬라이드와 비디오를 봐야 한다고 생각합니다. 슬라이드 127에서 스타일 가이드/코드 표준에 대해 너무 걱정하지 말고 VC..

programing 2023.10.05

자바스크립트로 배열을 쉽게 자르는 방법?

자바스크립트로 배열을 쉽게 자르는 방법? Linq는 다음과 같은 편리한 연산자 방법을 가지고 있습니다.Take()어떤 것을 구현할 때 주어진 수의 요소를 반환하는 것.IEnumerable. jQuery에서 어레이와 비슷한 작업을 할 수 있는 것이 있습니까? 아니면 자바스크립트에서 배열을 자를 방법은 무엇입니까?슬라이스 방식이 있습니다. let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] arr = arr.slice(0, 4); console.log(arr); 처음 4개 요소를 반환합니다. 다른 값을 삭제하려면 해당 값을 변수에 다시 할당하는 것을 잊지 마십시오. 참고: 이것은 일반 자바스크립트일 뿐이며, jquery는 필요 없습니다.(2년 후...) 어레이를 잘라내고 싶다면leng..

programing 2023.10.05

화살표 함수로 '이것'을 묶을 수 있습니까?

화살표 함수로 '이것'을 묶을 수 있습니까? 저는 ES6에 대해 한동안 실험을 해보았는데, 조금 문제가 생겼습니다. 저는 화살표 기능을 사용하는 것을 정말 좋아하고, 사용할 수 있을 때마다 사용합니다. 하지만, 그것들을 묶을 수는 없는 것처럼 보일 것입니다! 기능은 다음과 같습니다. var f = () => console.log(this); 함수를 바인딩할 개체는 다음과 같습니다. var o = {'a': 42}; 그리고 여기에 제가 어떻게 묶을지가 있습니다.f로.o: var fBound = f.bind(o); 그 다음에 전화하면 돼요fBound: fBound(); 이것을 출력할 것입니다.o개체): {'a': 42} 멋지다! 사랑스럽습니다!작동이 안 된다는 것만 빼면요.출력하는 대신o물체, 그것은 출력합..

programing 2023.10.05

브라우저에서 자바스크립트로 이미지를 압축하는 방법은?

브라우저에서 자바스크립트로 이미지를 압축하는 방법은? TL;DR; 업로드하기 전에 이미지(주로 jpeg, png 및 gif)를 브라우저 측에서 직접 압축할 수 있는 방법이 있습니까? 자바스크립트가 할 수 있다고 확신하지만 달성할 수 있는 방법을 찾을 수 없습니다. 구현하고자 하는 전체 시나리오는 다음과 같습니다. 내합니다를 합니다.input type="file"소, 이 이미지는 자바스크립트를 통해 검색되며, 우리는 정확한 파일 형식, 최대 파일 크기 등의 검증을 수행합니다. 모든 것이 정상인 경우, 페이지에 이미지의 미리보기가 표시됩니다. 사용자는 이미지를 90°/-90° 회전하거나 미리 정의된 비율에 따라 잘라내는 등의 기본적인 작업을 수행하거나 다른 이미지를 업로드하고 1단계로 돌아갈 수 있습니다. ..

programing 2023.09.25

브라우저의 스크롤 바 크기를 얻으려면 어떻게 해야 합니까?

브라우저의 스크롤 바 크기를 얻으려면 어떻게 해야 합니까? 자바스크립트에서 가로 스크롤 바의 높이 또는 세로 스크롤 바의 너비를 결정하려면 어떻게 해야 합니까?Alexandre Gomes 블로그에서 나는 그것을 시도하지 않았습니다.그것이 당신에게 도움이 된다면 저에게 알려주세요. function getScrollBarWidth () { var inner = document.createElement('p'); inner.style.width = "100%"; inner.style.height = "200px"; var outer = document.createElement('div'); outer.style.position = "absolute"; outer.style.top = "0px"; outer.s..

programing 2023.09.20

동결과 밀봉의 차이

동결과 밀봉의 차이 방금 자바스크립트 방법에 대해 들었습니다.freeze그리고.seal, 모든 개체를 불변으로 만드는 데 사용할 수 있습니다. 사용 방법에 대한 간단한 예는 다음과 같습니다. var o1 = {}, o2 = {}; Object.freeze(o2); o1["a"] = "worked"; o2["a"] = "worked"; alert(o1["a"]); //prints "worked" alert(o2["a"]); //prints "undefined" 사이의 차이점은 무엇입니까?freeze그리고.seal? 성능을 향상시킬 수 있습니까?Object.seal 밀봉된 객체에서 속성을 추가하거나 제거하는 것을 방지합니다.delete거짓으로 돌아올 것입니다 기존의 모든 속성을 구성할 수 없도록 합니다. 즉..

programing 2023.09.10

오류 가져오기 "양식이 연결되지 않아 양식 제출이 취소되었습니다."

오류 가져오기 "양식이 연결되지 않아 양식 제출이 취소되었습니다." 저는 JQuery 1.7을 사용하는 오래된 웹사이트를 가지고 있으며 이틀 전까지 올바르게 작동합니다.갑자기 일부 단추가 더 이상 작동하지 않고 단추를 클릭한 후 콘솔에 다음 경고가 표시됩니다. 양식이 연결되지 않아 양식 제출이 취소되었습니다. 클릭 뒤의 코드는 다음과 같습니다. this.handleExcelExporter = function(href, cols) { var form = $('').attr('action', href); $('input[name="layout"]', form).val(JSON.stringify(cols)); $('input[type="submit"]', form).click(); } 크롬 56은 더 이상 이..

programing 2023.09.05

canvas.toDataURL()을 사용하여 canvas를 이미지로 저장하는 방법?

canvas.toDataURL()을 사용하여 canvas를 이미지로 저장하는 방법? 현재 HTML5 웹 앱/Phonegap 네이티브 앱을 만들고 있는데 캔버스를 이미지로 저장하는 방법을 찾을 수 없는 것 같습니다.canvas.toDataURL()누가 나 좀 도와줄 수 있어요? 여기 코드가 있습니다, 무슨 문제가 있나요? //제 캔버스 이름은 "canvasSignature"입니다. JavaScript: function putImage() { var canvas1 = document.getElementById("canvasSignature"); if (canvas1.getContext) { var ctx = canvas1.getContext("2d"); var myImage = canvas1.toDataUR..

programing 2023.08.26
반응형