React Slick의 오버플로 문제에 직면

저는 Reactslick을 사용하여 슬라이더를 만들고 있습니다. 슬라이더 카드에는 다양한 옵션이 있는 드롭다운 메뉴가 포함되어 있습니다. 드롭다운이 열려 있으면 드롭다운의 절반이 잘리고 전체 드롭다운을 볼 수 없습니다. Codepen: https://codepen.io/gtm18/pen/YzRdaML(jQuery 데모) $(document).ready(function(){$('.carousel').slick({slidesToShow:3,dots :true,

P粉827121558 2023-09-17 10:16:57 0  1  521

Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.

Bootstrap5를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 모두 표시됩니다. 그러나 그들은 작동하지 않습니다. 탐색 아이콘이나 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다. jquery 파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까? 마지막으로 mr-auto, ml-auto 등과 같은 다른 부트스트랩 클래스를 사용하...

P粉322319601 2023-08-22 20:42:45 0  1  763

$_POST에서 입력된 값을 가져올 수 없는 이유는 무엇입니까?

서문: 저는 PHP와 HTML에 비교적 익숙하지 않기 때문에 명백한 논리 문제가 있으면 미리 사과드립니다. 그 점을 자유롭게 지적해주시기 바랍니다. 현재 HTML 페이지에 1-4 값이 포함된 드롭다운 기능이 있습니다. 값 중 하나를 선택하면 해당 개수의 텍스트 상자가 드롭다운 메뉴 아래에 "나타납니다". 실제로 일어나는 일은 숫자 값을 누르면 해당 개수의 텍스트 상자가 포함된 섹션이 표시된다는 것입니다. <scriptsrc="https://cdnjs.cloudflare.com/ajax/lib

P粉464113078 2023-09-06 17:12:23 0  1  594

드롭다운 항목을 클릭한 후 드롭다운 버튼의 클래스를 변경하고 페이지를 새로고침하세요.

사용자가 드롭다운 메뉴의 항목을 클릭하고 페이지가 다시 로드된 후 드롭다운 버튼 항목의 클래스를 변경하려고 합니다. 다음 코드는 페이지를 새로 고칠 때 작동합니다. $(".dropdown-content").on("click",function(){$('.dropbtn').toggleClass('active');}); 사용할 수 있는 로컬 저장소 옵션이 있습니까? 방금 그것에 대해 배웠습니다. 현재 드롭다운 버튼에 나타나는 텍스트를 호출하기 위해 다음 코드를 사용하고 있습니다.

P粉877719694 2023-08-17 16:24:17 0  1  569

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

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

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

React 애플리케이션 성능 최적화: 많은 수의 프로젝트를 렌더링하는 효율적인 방법

저는 React 애플리케이션을 개발 중이며 많은 항목 목록(수천 행)을 표시해야 합니다. 현재 사용자가 목록을 스크롤하거나 항목을 필터링할 때 성능이 매우 느립니다. 사용자 경험을 향상시키기 위해 React 애플리케이션의 성능을 최적화할 수 있는 방법이 있습니까? 몇 가지 추가 정보: - 저는 React 함수 구성 요소와 후크를 사용하여 항목 목록을 렌더링하고 있습니다. - 목록의 각 항목에는 텍스트와 그림을 포함한 여러 데이터 필드가 포함되어 있습니다. -현재 내장된 지도 기능을 사용하여 항목 목록을 렌더링하고 있습니다. - 항목...

P粉733166744 2024-01-16 20:43:20 0  1  463

React - Handsontable 데이터 그리드: 열 이동 및 상태 업데이트

저는 React용 라이브러리를 사용하고 있으며 헤더 목록(배열)이 있고 반대편에는 테이블 데이터가 포함된 배열이 있습니다. 문서를 읽은 후 "왼쪽에 열 추가" 및 "오른쪽에 열 추가" 옵션을 추가한 메뉴를 활성화할 수 있었지만 이는 시각적으로만 수행되었으며 React 상태에서 제목을 업데이트하지 않았습니다. 나는 두 가지 방법을 시도했다. 두 번째 방법은 "Custom Dropdown Configuration"입니다. 열을 수동으로 추가하고 Handsontable 메서드인 &qu...

P粉386318086 2023-09-15 21:51:29 0  1  737

CSS 투명도 스타일을 하위 요소가 아닌 레이블의 innerText에만 적용할 수 있는 방법이 있습니까?

아래 예에는 태그에 입력이 포함된 태그가 많이 있습니다. 색상을 명시적으로 지정하지 않고 CSS의 불투명도 스타일을 하위 요소가 아닌 레이블의 innerText에 적용할 수 있는 방법이 있습니까? 아래 예에서는 라벨 자체뿐만 아니라 드롭다운 메뉴에도 불투명도가 적용되었습니다. 텍스트를 둘러싸고 for=를 추가하도록 레이블 요소를 변경할 수 있다는 것을 알고 있지만 태그가 지정되는 요소 주위에 레이블을 래핑하는 것을 선호합니다. div{padding:10px;}select{배경색:

P粉794851975 2023-08-17 20:51:57 0  1  551

모달에서 이미지를 클릭하여 여러 이미지를 변경하고 싶습니다.

팝업/모달에 gsap.js를 사용하고 있습니다. 나는 이 사이트에 동일한 부분을 얼마나 많이 추가하더라도 제대로 작동하도록 forEach를 사용합니다. 나의 유일한 목표는 어떻게든 지금 이 작업을 완벽하게 만드는 것입니다. 팝업되는 "버튼"을 클릭할 때마다 9개의 이미지가 표시되고 그 중 4개를 선택한 다음 "편집 내용 저장"을 클릭하고 "편집 내용 저장"을 누르면 본문 텍스트 이미지에 4개의 이미지 본문이 있는 경우 , 자동으로 변경됩니다. 그리고 당신은 그것을 계속해서 변경할...

P粉269530053 2024-01-29 09:35:00 0  1  423

데이터베이스 열에 구분된 목록을 저장하는 것이 정말 그렇게 나쁜가요?

일련의 확인란이 있는 웹 양식을 상상해 보십시오(일부 또는 전체를 선택할 수 있음). 나는 데이터베이스 테이블의 열에 저장된 쉼표로 구분된 값 목록에 저장하기로 결정했습니다. 이제 올바른 해결책은 두 번째 테이블을 만들고 데이터베이스를 올바르게 정규화하는 것임을 알고 있습니다. 간단한 솔루션을 구현하는 것이 더 빠르고, 너무 많은 시간을 들이지 않고도 애플리케이션의 개념 증명을 빠르게 얻고 싶습니다. 내 경우에는 시간 절약과 간단한 코드가 그만한 가치가 있다고 생각합니다. 이것이 합리적인 디자인 선택입니까, 아니면 처음부터 표준화해...

P粉020556231 2023-08-27 19:52:49 0  2  508

커스텀 클래스를 조건으로 사용하는 Tailwind 연습

순풍에 조건을 설정할 수 있나요? 상위 요소에 "small"과 같은 클래스가 있는 경우 이 요소는 "p-0" 속성을 사용합니다. 모든 옵션을 작성하지 않고 "parent-small:p-0"과 같은 것을 사용하여 이를 달성할 수 있습니까? 스타일 파일에 꼭 필요한 클래스만 추가하려고 했는데 이로 인해 중복되는 클래스가 많아지고 tailwind를 사용하여 이를 달성할 수 있는지 궁금했습니다.

P粉513316221 2023-09-08 14:08:57 0  1  554

토스트 UI 홈페이지와 유사한 탐색 모음 만들기

영감의 원천 저는 다음과 같은 네비게이션 바를 만들고 싶었습니다. Toastui 홈 페이지 제가 한 일은 이것을 달성하기 위해 가능한 한 많이 복사하려고 했습니다. 나는 다음과 같은 결과를 얻습니다: 내가 원하는 것 나는 다음과 같은 것을 원합니다(이미지 편집을 통해 만들어졌습니다): 옵션 1: 가운데 정렬 옵션 2: 왼쪽 정렬 연결된 목록의 위치가 포함된 내용에 따라 동적으로 바뀌기를 원합니다. 링크 그룹의. 내가 한 일은 왼쪽으로 정렬하는 것뿐이었습니다. 즉, 더 나은 UI를 위해 링크 목록이 해당 링크 그룹 바로 아래에 있도록...

P粉619896145 2024-04-01 18:34:38 0  1  432

오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.라는 제목이 다음과 같이 다시 작성됩니다. 오버플로 컨테이너의 플렉스 항목 위로 스크롤할 수 없습니다.

Flexbox를 사용하여 유용한 모달을 만들려고 시도하는 동안 브라우저 문제로 보이는 것을 발견하고 알려진 수정 사항이나 해결 방법이 있는지 또는 수정 방법에 대한 아이디어가 있는지 궁금했습니다. 내가 해결하려는 문제에는 두 가지 측면이 있습니다. 첫째, 모달 창을 수직으로 중앙에 배치하면 예상대로 작동합니다. 두 번째는 외부 스크롤을 사용하여 모달 창을 스크롤하도록 만드는 것입니다. 그러면 내부 콘텐츠가 아닌 전체 모달 창이 스크롤됩니다. 이 방법을 사용하면 모달 범위를 넘어 확장할 수 있는 드롭다운 메뉴 및 기타 UI 요소를 가...

P粉854119263 2023-08-22 14:58:06 0  2  524

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  625

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  1043

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  532

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  726