반응형

JavaScript 77

자바스크립트를 사용하여 브라우저 버전과 운영체제를 탐지하는 방법은?

자바스크립트를 사용하여 브라우저 버전과 운영체제를 탐지하는 방법은? 아래 코드를 사용해 보았지만 IE6에서 작동하지 않는 Chrome과 Mozilla 결과만 표시됩니다. 출력: Browser CodeName: Mozilla Browser Name: Netscape Browser Version: 5.0 (Windows) Cookies Enabled: true Platform: Win32 User-agent header: Mozilla/5.0 (Windows NT 5.1; rv:12.0) Gecko/20100101 Firefox/12.0 저는 "Firefox/12.0" 버전만 받으면 됩니다.브라우저 세부 정보 탐지: var nVer = navigator.appVersion; var nAgt = navigat..

itsource 2023.10.29

Access-Control-Allow-Origin에서는 오리진 null이 허용되지 않습니다.

Access-Control-Allow-Origin에서는 오리진 null이 허용되지 않습니다. 다음과 같은 코드로 weather.xsl이라는 HTML 출력을 만들기 위해 작은 xslt 파일을 만들었습니다. 다음과 같이 html 출력을 jQuery를 사용하여 시도하는 html 파일의 div에 로드하고 싶습니다. 하지만 다음과 같은 오류가 발생합니다.Access-Control-Allow-Origin에서는 오리진 null이 허용되지 않습니다. xslt에 헤더를 추가하는 것에 대해 읽었지만 어떻게 해야 할지 잘 모르니 도움을 주시면 감사하겠습니다. htmlout에 로드하는 것이 이런 식으로 할 수 없다면 다른 방법에 대한 조언이 좋을 것 같습니다.기원.null는 로컬 파일 시스템이므로, 당신이 다음을 수행하는 H..

itsource 2023.10.29

var, let 또는 construct 없이 객체 파괴

var, let 또는 construct 없이 객체 파괴 개체 파괴가 없는 경우 오류를 던지는 이유는 무엇입니까?var그 앞에 키워드? {a, b} = {a: 1, b: 2}; 던지다SyntaxError: expected expression, got '=' 다음 세 가지 예제는 문제없이 작동합니다. var {a, b} = {a: 1, b: 2}; var [c, d] = [1, 2]; [e, f] = [1, 2]; 보너스 질문:왜 우리는 필요하지 않습니까?var배열 파괴를 위해? 저는 이런 일을 하면서 문제에 부딪혔습니다. function () { var {a, b} = objectReturningFunction(); // Now a and b are local variables in the function..

itsource 2023.10.19

자바스크립트에서 문자열 내부의 공백 제거

자바스크립트에서 문자열 내부의 공백 제거 javascript trim에 대한 이 질문을 읽었는데, regex 답변이 있습니다. 그럼 트림이 헬로와 월드 사이의 내부 공간을 없애줄 것으로 기대합니다. function myFunction() { alert("Hello World ".trim()); } 편집됨 내가 그걸 기대한 이유는? 말도 안 돼요!트림이 내부 공간을 제거하는 것은 아닙니다! 앞과 뒤의 공간만 제거하는 것입니다. 트림은 그렇게 작동합니다. 매우 잘못된 질문입니다. 죄송합니다.공백 문자 제거용 "hello world".replace(/\s/g, ""); 모든 우주 공간은 아래 댓글에 있는 로켓의 제안을 사용하세요!사용가능 "Hello World ".replace(/\s+/g, ''); trim..

itsource 2023.10.09

약속 - 약속을 강제로 취소할 수 있습니까?

약속 - 약속을 강제로 취소할 수 있습니까? 저는 ES6 Promise를 사용하여 모든 네트워크 데이터 검색을 관리하는데, 이를 강제로 취소해야 하는 경우가 있습니다. 기본적으로 시나리오는 부분적인 입력을 기반으로 검색을 수행해야 하는 백엔드로 요청이 위임된 UI에 대한 자동 검색을 수행하는 것입니다.이 네트워크 요청(#1)은 약간의 시간이 걸릴 수 있지만, 사용자는 계속해서 입력하고, 결국 다른 백엔드 호출(#2)을 트리거합니다. 여기 2번이 1번보다 당연히 우선하기 때문에 약속 포장 요청 1번을 취소하고 싶습니다.저는 이미 데이터 계층에 모든 약속의 캐시를 가지고 있기 때문에 이론적으로 #2에 대한 약속을 제출하려고 할 때 그것을 검색할 수 있습니다. 그러나 캐시에서 약속 #1을 검색하면 취소하려면 ..

itsource 2023.09.24

터치 디바이스의 버튼에 대한 끈적거리는 호버 효과를 방지하는 방법

터치 디바이스의 버튼에 대한 끈적거리는 호버 효과를 방지하는 방법 항상 보이는 이전 버튼과 다음 버튼으로 회전목마를 만들었습니다.이 버튼들은 호버 상태이고 파란색으로 바뀝니다.iPad와 같은 터치 장치에서는 호버 상태가 끈적거려서 버튼을 누른 후에도 파란색으로 유지됩니다.나는 그것을 원하지 않는다. 저는 추가할 수 있습니다.no-hoversontouchend의 버튼에 내 과 같이 해,내 CSS다:button:not(.no-hover):hover { background-color: blue; }그러나 이는 성능에 상당히 좋지 않을 수 있으며 크롬북 픽셀(터치스크린과 마우스가 모두 있는)과 같은 장치를 올바르게 처리하지 못합니다. 저는 추가할 수 있습니다.touchdocumentElement 내 내 CSS다..

itsource 2023.09.19

문자열 표현을 사용하지 않고 설정된 표준 시간대로 날짜 만들기

문자열 표현을 사용하지 않고 설정된 표준 시간대로 날짜 만들기 월세 개의 웹 . JavaScript를 하는 Date번호를 따는 컨스트럭터, 그리고 나서 나는 그 컨스트럭터를 얻습니다.Date「 」의 「 」의 「 」 new Date(xiYear, xiMonth, xiDate) 올바른 날짜를 지정합니다만, 서머타임이 원인으로, 그 날짜는 GMT+01:00로 간주됩니다. 가 되는 것은 제가 이 시험을 입니다.DateAjax 메서드로 전환하여 서버에서 날짜를 역직렬화하면 GMT로 변환되어 하루를 1시간씩 되돌립니다.이제 일, 월, 년을 개별적으로 Ajax 방법으로 넘길 수 있지만, 더 나은 방법이 있을 것 같습니다. 은 나에게 해 주었지만, '어느 쪽인가'를 한 것이다.setUTCHours() 변경 변경: 변경..

itsource 2023.02.06

비동기 작업을 수행하는 Redx 모달 대화 상자를 표시하려면 어떻게 해야 합니까?

비동기 작업을 수행하는 Redx 모달 대화 상자를 표시하려면 어떻게 해야 합니까? 상황에 따라서는 확인 다이얼로그를 표시할 필요가 있는 앱을 만들고 있습니다. 예를 들어 무언가를 삭제하고 싶다고 하면, 다음과 같은 액션을 송신합니다.deleteSomething(id)따라서 일부 리듀서가 이벤트를 포착하고 이를 보여주기 위해 대화 상자를 채웁니다. 이 대화 상자가 제출될 때 내 의심이 든다. 이 컴포넌트는 첫 번째 디스패치된 액션에 따라 적절한 액션을 디스패치하려면 어떻게 해야 합니까? 액션 크리에이터가 이 논리를 처리해야 합니까? 리듀서 내부에 액션을 추가할 수 있습니까? 편집: 알기 쉽게 하기 위해서: deleteThingA(id) => show dialog with Questions => delete..

itsource 2023.01.28

React에서 문서 제목을 설정하려면 어떻게 해야 합니까?

React에서 문서 제목을 설정하려면 어떻게 해야 합니까? React 어플리케이션의 문서 제목(브라우저 제목 바)을 설정하고 싶습니다.react-document-title(최신 버전이 아닌 것 같음)을 사용하여 설정을 시도했습니다.document.title constructor ★★★★★★★★★★★★★★★★★」componentDidMount() - 이 해결책들은 효과가 없습니다.import React from 'react' import ReactDOM from 'react-dom' class Doc extends React.Component{ componentDidMount(){ document.title = "dfsdfsdfsd" } render(){ return( test ) } } ReactDOM...

itsource 2023.01.28

CSS 이행 효과를 일시적으로 디세블로 하는 가장 깨끗한 방법은 무엇입니까?

CSS 이행 효과를 일시적으로 디세블로 하는 가장 깨끗한 방법은 무엇입니까? 다음 효과의 일부/전부가 적용된 DOM 요소가 있습니다. #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } 이 요소의 크기를 조정하는 jQuery 플러그인을 쓰고 있습니다. 원활하게 크기를 조정할 수 있도록 이러한 효과를 일시적으로 비활성화해야 합니다. 이러한 효과는 부모로부터 적용되거나 전혀 적용되지 않을 수 있으므로 일시적으로 비활성화(그리고 다시 활성화)하는 가장 우아한 방법은 무엇입니까? 단답 다음 CSS를 사용합..

itsource 2023.01.28
반응형