반응형

javascript 82

브라우저 창이 아래로 스크롤되는지 여부를 감지하는 방법

브라우저 창이 아래로 스크롤되는지 여부를 감지하는 방법 사용자가 페이지 맨 아래로 스크롤되는지 여부를 감지해야 합니다.페이지 맨 아래에 있는 경우 아래에 새 콘텐츠를 추가할 때 자동으로 새 콘텐츠 맨 아래로 스크롤합니다.아래가 아니면 페이지 상단에서 이전 내용을 읽고 있기 때문에 그대로 있고 싶기 때문에 자동 스크롤을 하고 싶지 않습니다. 사용자가 페이지 하단으로 스크롤되었는지 또는 사용자가 페이지 상단으로 스크롤되었는지 여부를 감지하려면 어떻게 해야 합니까?window.onscroll = function(ev) { if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) { // you're at the bottom of the ..

programing 2022.09.22

데이터 URI를 사용할 때 권장 파일 이름을 지정할 수 있는 방법이 있습니까?

데이터 URI를 사용할 때 권장 파일 이름을 지정할 수 있는 방법이 있습니까? 예를 들어 링크를 따라가면 다음과 같습니다. data:application/octet-stream;base64,SGVsbG8= 하이퍼링크 자체에 base64로 저장된 데이터로 구성된 파일을 다운로드하라는 메시지가 브라우저에 표시됩니다.마크업에서 기본 이름을 제안하는 방법이 있나요?없는 경우 JavaScript 솔루션이 있습니까? 하다를 사용하세요.download★★★★ 이 속성은 IE11이 아닌 Chrome, Firefox, Edge, Opera, 데스크톱 Safari 10+, iOS Safari 13+에서 작동합니다.오늘날 Chrome은 이것을 매우 심플하게 합니다. function saveContent(fileContent..

programing 2022.09.22

JavaScript를 사용하여 HTML 형식의 요소에 포커스를 설정하려면 어떻게 해야 합니까?

JavaScript를 사용하여 HTML 형식의 요소에 포커스를 설정하려면 어떻게 해야 합니까? 텍스트 상자가 있는 웹 양식이 있습니다.기본적으로 텍스트 상자에 포커스를 설정하려면 어떻게 해야 합니까? 다음과 같은 경우: 누가 나 좀 도와줄래?JavaScript에서 텍스트 상자에 포커스를 설정하는 방법을 모르겠습니다. 이렇게 해. 만약 당신의 요소가 이런 것이라면.. 당신의 대본은 HTML5 호환 브라우저에서 이 속성을 사용할 수 있습니다.버전 10의 IE에서도 동작합니다. 보통 텍스트 상자에 초점을 맞출 때는 뷰로 스크롤해야 합니다. function setFocusToTextBox(){ var textbox = document.getElementById("yourtextbox"); textbox.focu..

programing 2022.09.22

양식 제출을 중지하는 JavaScript 코드

양식 제출을 중지하는 JavaScript 코드 폼 제출을 정지하는 한 가지 방법은 JavaScript 함수에서 false를 반환하는 것입니다. [ Submit ]버튼을 클릭하면 검증기능이 호출됩니다.나는 형식상 타당성을 입증하는 사례를 가지고 있다.이 조건이 충족되면 returnToPreviousPage()라는 함수를 호출합니다. function returnToPreviousPage() { window.history.back(); } JavaScript와 Dojo Toolkit을 사용하고 있습니다. 이전 페이지로 돌아가지 않고 양식을 제출합니다.이 제출을 중지하고 이전 페이지로 돌아가려면 어떻게 해야 합니까?함수의 반환 값을 사용하여 양식 제출을 방지할 수 있습니다. 기능하고 있습니다. Chrome 27..

programing 2022.09.21

JavaScript: .forEach()와 .map()의 차이점

JavaScript: .forEach()와 .map()의 차이점 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ 있습니다..forEach()원래의 어레이로 동작합니다..map()새 걸로. 내 경우: function practice (i){ return i+1; }; var a = [ -1, 0, 1, 2, 3, 4, 5 ]; var b = [ 0 ]; var c = [ 0 ]; console.log(a); b = a.forEach(practice); console.log("====="); console.log(a); console.log(b); c = a.map(practice); console.log("====="); console.log(a); console.log(c); 출력은 다음..

programing 2022.09.19

반응 - 수집되지 않은 유형 오류: 정의되지 않은 속성 'setState'를 읽을 수 없습니다.

반응 - 수집되지 않은 유형 오류: 정의되지 않은 속성 'setState'를 읽을 수 없습니다. 다음과 같은 오류가 발생하였습니다. Uncaughed TypeError: 정의되지 않은 속성 'setState'를 읽을 수 없습니다. 컨스트럭터에서 델타 바인드 후에도 마찬가지입니다. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 }; this.delta.bind(this); } delta() { this.setState({ count : this.state.count++ }); } render() { return ( {this.state.count} + ); } } 이 이유는t..

programing 2022.09.19

JavaScript 구문에서 사용하는 루프 카운터/인덱스를 가져오려면 핫

JavaScript 구문에서 사용하는 루프 카운터/인덱스를 가져오려면 핫 주의: 질문은 아직 유효하다for…of>사용하지 않다for…in배열에 대해 반복하려면 이 명령을 사용하여 객체의 특성에 대해 반복하십시오.그렇긴 하지만, 이건 기본적인 것은 이해한다for…inJavaScript의 구문은 다음과 같습니다. for (var obj in myArray) { // ... } 하지만 루프 카운터/인덱스는 어떻게 얻을 수 있을까요? 저는 아마 다음과 같은 일을 할 수 있을 겁니다. var i = 0; for (var obj in myArray) { alert(i) i++ } 좋은 노인도 마찬가지입니다. for (var i = 0; i < myArray.length; i++) { var obj = myArray..

programing 2022.09.19

npx와 npm의 차이?

npx와 npm의 차이? 저는 이제 막 React를 배우기 시작했는데, 페이스북은 다음과 같은 기성 프로젝트를 제공함으로써 초기 셋업을 단순화하는 데 도움이 됩니다. 하는 는, 「스켈레톤 프로젝트」를 입력할 필요가 .npx create-react-app my-app커맨드 라인에 표시됩니다. 에 Github의 Facebook에 Github의 Facebook이 있는지 .npx create-react-app my-appnpm create-react-app my-appnpx 소개: npm 패키지 러너 NPM- 패키지를 관리하지만 실행하기가 쉽지 않습니다. NPX- 노드 패키지를 실행하기 위한 도구입니다. NPX되어 있다NPM 」5.2+ NPM그 자체로는 패키지가 실행되지 않습니다.사실 패키지는 취급하지 않습니다..

programing 2022.09.19

HTML 페이지를 지정된 앵커로 스크롤하는 방법

HTML 페이지를 지정된 앵커로 스크롤하는 방법 JavaScript를 사용하는 것만으로 특정 앵커까지 페이지를 스크롤 할 수 있는 브라우저를 만들고 싶습니다. 지지 a a a a 를 했습니다.name ★★★★★★★★★★★★★★★★★」idHTML 드 html : .. 또는 .. 같은 http://server.com/path#anchorName 의 맨 합니다 앵커가 페이지의 보이는 부분 위에 오도록 페이지를 스크롤해야 합니다.function scrollTo(hash) { location.hash = "#" + hash; } jQuery는 전혀 필요 없습니다!매우 심플: var element_to_scroll_to = document.getElementById('anchorName2'); // Or: var ..

programing 2022.09.19

라이브러리를 사용하지 않고 jwt 토큰을 javascript로 디코딩하는 방법은 무엇입니까?

라이브러리를 사용하지 않고 jwt 토큰을 javascript로 디코딩하는 방법은 무엇입니까? JavaScript를 사용하여 JWT의 payload를 디코딩하려면 어떻게 해야 하나요?도서관도 없이.따라서 토큰은 프런트 엔드 앱에서 사용할 수 있는 페이로드 개체를 반환합니다. 토큰 예시:xxxxxxxxx.XXXXXXXX.xxxxxxxx 그 결과 payload가 됩니다. {exp: 10012016 name: john doe, scope:['admin']} 주의: 시그니처를 검증하지 않고 토큰에서 JSON 페이로드만 추출합니다.이 페이로드가 조작되었을 가능성이 있습니다. 브라우저 작동 중인 유니코드 텍스트 JWT 파서 함수: function parseJwt (token) { var base64Url = toke..

programing 2022.09.18
반응형