Safari는 원형 아바타에 대해 CSS를 지원하지 않습니다.

내 블로그는 gatsbyReact 템플릿을 사용하고 있는데 Safari(iPhone 또는 Mac)에서 열면 아바타 이미지가 둥글지 않습니다. 간단한 코드 블로그 이것은 내 아바타에 사용하는 스타일입니다. bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border - 반경:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  449

날짜 계산을 이렇게 하려면 어떻게 해야 하나요?

이 웹페이지와 같은 시계/달력을 만들고 싶습니다. https://uawar.net/stats 내 HTML 코드에 js가 필요한지 모르겠습니다. 그런데 웹페이지의 div-counter 시간을 확인해보니 ''이고 시간이 보라색으로 깜박입니다. 이런 시계/달력을 만드는 방법은 무엇입니까?

P粉823268006 2023-09-09 11:42:33 0  1  542

새 페이지가 로드될 때마다 React 사이드바가 흔들리는 원인은 무엇입니까?

문맥 상 저는 React-Bootstrap의 라이브러리를 사용하고 있습니다. 코드에서 href를 클릭할 때마다 사이드바가 스타일이 지정되지 않은 상태로 재설정된 다음 일반 형식으로 돌아가는 것처럼 0.5초 동안 흔들립니다. 왜 이런 일이 일어나는지 아는 사람이 있나요? 내 코드가 너무 느리기 때문인가요? 내 사이드바 코드는 다음과 같습니다. importReactfrom"react";import"../../App.css";import{Nav,Navbar}from

P粉055726146 2024-03-21 22:14:24 0  1  274

javascript - 콜백 함수와 일반 호출 함수의 차이점은 무엇입니까?

콜백 함수의 정의는 함수 b를 실행을 위해 a에 매개 변수로 전달하는 것입니다. 이때 b가 콜백 함수입니다. 문득 함수 a에서 b를 직접 호출하는 것과 차이점이 무엇인가요? 제가 직접 데모를 작성했습니다. {code...} 출력 결과를 보는 데 약 3초 정도 걸린 후, 콜백 함수 {code...} 형태로 다시 작성했습니다.

欧阳克 2017-06-26 10:53:07 0  2  1392

JavaScript 기본 사항

JavaScript1. JS와 DOM의 관계 브라우저에는 html 코드를 렌더링하는 기능이 있습니다. html 소스 코드는 메모리에 DOM 객체로 구성되어 있으며 내부에는 JS 인터프리터/실행/엔진이 있습니다. 예를 들어, 크롬은 v8 엔진을 사용합니다. JS 코드는 엔진에 의해 실행되고, 그 실행 결과는 우리가 흔히 볼 수 있는 특수 효과입니다. 그림이 떠다니고 텍스트의 색상이 바뀌는 것처럼 브라우저가 실행되면 html 코드를 만나게 되고, js를 만나면 해석되어 실행됩니다.

只是没有如果 2018-11-19 20:33:14 0  0  1065

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  470

javascript - 개발자 도구에서 캐리지 1개 입력, 쉼표 2개 괄호의 의미는 무엇입니까?

Q1 개발자 도구와 콘솔을 사용하여 js 코드를 입력하세요. Enter 키를 누르면 어떻게 되나요? 아래 그림의 출력과 오류는 어떻게 해석하나요? Q2 변수 선언과 정의 외에 쉼표가 있는데 Enter를 누르면 어떻게 되나요? 아래 그림의 출력과 오류를 어떻게 해석하나요? Q3 괄호 연산자를 추가한 후 Enter를 누르세요...

怪我咯 2017-05-19 10:34:20 0  3  601

모바일 장치에서는 HeadlessUI 팝업을 클릭할 수 없습니다.

모바일 장치를 사용하거나 Chrome 장치 도구 모음에서 페이지를 볼 때 HeadlessUI 팝업 메뉴를 클릭하는 데 문제가 있습니다. 일반 데스크톱 브라우저 모드에서는 제대로 작동하는 것 같습니다. 저는 몇 시간 동안 Code Sandbox에서 테스트하고 코드를 가장 간단한 형식으로 추출했습니다. 여기에서 확인하고 시연할 수 있습니다: https://codesandbox.io/s/react-tailwind-rive-animation-tap-issue-bxlt95 ?file=/src/App.js

P粉848442185 2023-09-06 12:27:55 0  1  504

아직 실행 중인 js 코드를 삭제하세요.

해당 요소가 페이지에서 제거되더라도 js 코드는 계속 실행됩니다. React-js로 코딩할 때의 첫 번째 어려움. 페이지가 다시 로드되지 않기 때문에 setInterval, websocket 등의 코드와 같은 초기 스크립트는 계속 실행 중입니다. 아래의 간단한 예에서는 요소가 제거되었지만 여전히 실행 중입니다. 전역 변수 <buttononclick="createNewJsCode()">createnewjs</butt를 사용하여 생성해야 하는 경우 작동하지 않습니다.

P粉864872812 2024-02-17 18:08:32 0  2  512

페이지에서 세 개의 SVG 파일을 가운데 정렬하는 방법은 무엇입니까?

서로 겹쳐지면 그래픽을 만드는 세 개의 별도 SVG 파일이 있습니다. 첫 번째 SVG 파일은 빨간색 삼각형이고, 두 번째는 삼각형 내부에 있는 파란색 원이고, 세 번째는 삼각형 밑면에 있는 보라색 직사각형입니다(삼각형과 직사각형 사이에 약간의 공간이 있음). 내 목표는 세 개의 SVG 파일을 모두 페이지 중앙에 서로 포개어 두는 것입니다. 아래는 내 HTML 및 CSS 코드입니다. *{margin:0;padding:0;box-sizing:border-box;}.graphic{높이:1

P粉998100648 2023-09-07 14:20:58 0  2  578

제목이 이미 명시적이고 명확하므로 다시 쓸 수 없습니다.

저는 ReactNative에서 Flashlist를 사용하고 있고 renderItem 함수에서 useCallbackhook을 사용하고 있습니다. 내 구성 요소에는 todos라는 상태(배열)가 있고 todos.length를 기록하면 초기 상태 값 0만 얻습니다. 왜 이런 일이 발생하며 어떻게 해결합니까? exportdefaultfunctionMyComponent(){//간결함을 위해 일부 코드가 생략되었습니다. const[todos,s

P粉253518620 2023-08-15 18:38:17 0  1  405

범위 지정 JavaScript: 특정 요소에서만 작동하는 방법은 무엇입니까?

페이지의 특정 요소에 대해 공개 클래스를 전환하는 한 가지 작업만 수행하는 매우 간단한 JS 코드가 있습니다. 문제는 4개의 중복된 .clickSlide 요소와 .sub_menu 요소가 있고 그 중 하나를 클릭하여 코드를 트리거하면 모든 요소가 공개 클래스를 얻는다는 것입니다. 집중된 요소 중 하나만 공개 클래스를 받아야 합니다. 내 추측으로는 이것이 JS 어딘가에 누락되어 있다는 것입니다. 하지만 저는 이 문제에 대한 해결책을 찾고 있습니다! jQuery(문서).ready(함수

P粉884548619 2023-09-08 20:36:06 0  1  616

Vue 3 + 모듈 연합: 모듈식 Vue 3 애플리케이션 구현

Vue3 및 ModuleFederation을 사용하여 간단한 마이크로 프런트엔드 예제를 구축하려고 하는데 충돌 문제가 발생했습니다. 여기에 코드가 있습니다: https://github.com/ghalex/mf-example 마이크로 프런트엔드가 두 개뿐입니다: 컨테이너(Vue3) 인증(Vue3) 내 문제는 App.vue 구성 요소://index를 가져올 때입니다. .js-importAppfrom'./comComponents/App.vue'//in 컨테이너

P粉448346289 2023-08-26 21:46:40 0  1  656

React 애플리케이션에서 라이브 서버를 사용할 수 없는 이유는 무엇입니까?

라이브 서버를 사용하여 React 애플리케이션을 제공하는 것이 불가능하다는 것을 알고 있습니다. 즉, js가 번들로 묶여 HTML 파일에 링크되어 있어도 파일을 정적으로 열면 React 코드가 렌더링되지 않습니다. 정적 및 동적 서버에 대해 배웠지만 React는 모두 클라이언트에서 발생하기 때문에 webpack, vite 또는 간단한 Express 서버를 사용하여 앱을 제공하는 것이 왜 작동하지만 라이브 서버를 통하지 않거나 수동으로 열고 열 수 없는지 이해할 수 없습니다. 일하다. 차이점이 뭐야?

P粉131455722 2023-08-28 10:32:47 0  1  513

nuxt 빌드 및 생성

언제 무엇을 사용해야 할지 잘 모르겠습니다. nuxtbuild를 사용하면 두 개의 디렉토리(클라이언트와 서버)를 얻을 수 있습니다. 이는 실제로 node.js 서버(예: express, 맞죠?)를 배포한다는 의미입니다. nuxtgenerate를 사용하면 nuxt가 수행하는 작업을 달성하기 위해 두 가지 방법으로 작동하는 것처럼 보이는 .html을 얻습니다. 좋은 SEO. 나에게 nuxtgenerate 옵션은 서버를 포함하지 않기 때문에 더 깔끔해 보입니다. 내가 여기서 무엇을 놓치고 있는 걸까요? nuxtbuild를 사용하고 서버 ...

P粉713866425 2024-03-26 08:43:40 0  1  345

다시 작성된 제목은 다음과 같습니다. 반환 값을 얻기 위해 jQuery 및 POST 메서드와 결합된 PHP 버튼 사용

사용자 이름을 가져오는 간단한 양식이 있으며 다음을 달성하고 싶습니다. 사용자가 버튼을 클릭하면 여러 번의 클릭을 방지하기 위해 버튼이 비활성화됩니다(실제 경우 모든 데이터를 처리하는 데 몇 초가 걸릴 수 있습니다. API 호출, 데이터베이스에 쓰기 등), 클릭한 후 PHP에서 $_POST['username']을 캡처하고 요청을 추가로 처리하려면 새 POST 요청이 발생해야 합니다. 이 목표를 달성하는 방법은 무엇입니까? 코드는 다음과 같은데 예상대로 작동하지 않습니다. <?phpsession_start() // 양식이 제출되...

P粉738821035 2023-09-05 08:42:27 0  2  533

질문은 여전히 ​​원본이지만 제목은 다음과 같이 다시 작성되었습니다. 내 Javascript 무작위 함수가 유효한 응답을 생성하지 못했습니다.

저는 JS와 HTML을 사용하여 간단한 난수 생성기 게임을 만들고 있습니다. 이 게임에서는 난수의 최소값과 최대값을 설정할 수 있습니다. 그런데 변수를 설정하고 결과를 기록해 보면 불가능한 숫자가 나옵니다. 예를 들어 최소값을 50으로, 최대값을 100으로 설정하면 58650, 16750, 31450과 같은 답변이 표시됩니다. 설정한 가장 작은 숫자가 항상 끝에 나타나는 것을 확인했습니다. 형식을 변경하고 코드를 변경해 보았지만 아무것도 작동하지 않는 것 같습니다. 이 문제에 대한 해결책을 아는 사람이 있나요? 귀하의 도움에 크게 ...

P粉682987577 2024-04-03 22:03:14 0  1  370

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  732

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  664

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  559