MUI 슬라이더 구성 요소: 다양한 색상의 엄지손가락

MUI에는 슬라이더 구성 요소가 있습니다: https://mui.com/material-ui/react-slider/ 현재 사용자가 값 범위를 선택할 수 있도록 이 구성 요소를 사용하고 있습니다(그래서 내 슬라이더에는 두 개의 엄지손가락이 있습니다) MUI Multi -Thumb 슬라이더 블록 문서: https://codesandbox.io/s/gptppq?file=/demo.js 슬라이더 썸은 다음과 같이 스타일을 지정할 수 있습니다: https://codesandbox.io/s/359l9t?file=/demo. TS

P粉709644700 2023-09-08 22:49:51 0  1  477

javascript - 모바일 터치 이벤트에 어떤 플러그인을 사용합니까?

이 효과를 더 잘 얻을 수 있는 플러그인이 있습니까? 이것은 ul 너머의 콘텐츠를 왼쪽과 오른쪽으로 밀어 넣을 수 있는 탭입니다.

某草草 2017-05-16 13:37:06 0  7  542

javascript - jquery 슬라이더 플러그인을 추천해주세요. 기능은 매우 간단합니다.

그런 슬라이더 플러그인이 필요합니다. 매우 간단하지만 오랫동안 인터넷에서 검색했는데 적합한 플러그인을 찾을 수 없습니다. jquery에 의존할 수는 있지만 jquery ui에는 의존하지 마세요. 그리고 다른 도서관.

某草草 2017-05-19 10:35:24 0  4  742

JavaScript는 요소 스타일을 사용하는 것보다 CSS 사용자 정의 속성을 느리게 업데이트합니다. 성능 비교

저는 mousemove 및 touchmove 이벤트를 사용하여 슬라이딩 애니메이션과 일부 속도 애니메이션을 수행하는 기능을 구현하는 vue3용 캘린더 슬라이더를 만들었습니다. 프로젝트는 여기에서 테스트할 수 있습니다: https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/comComponents/VueCalendarSlider.vue 내 첫 번째 아이디어는 CSS 사용자 정의 속성을 사용하는 것이었습니다.

P粉235202573 2024-01-07 09:42:03 0  1  455

javascript - 문자열 길이를 가로채는 jQuery 플러그인에서 요소의 text()를 올바르게 가져올 수 없는 문제가 발생합니다.

문자열의 길이를 가로채는 플러그인을 만들었습니다. 문자 수가 지정된 수를 초과하면 문자를 가로채서 마우스를 따라 전체 내용 프롬프트를 표시합니다. 함수만 작성하면 구현 가능하지만, 다음과 같은 방법으로 플러그인을 만들어보니 마우스가 따라오는 내용이 마지막이고, 문자 유무와 상관없이...

typecho 2017-06-28 09:28:00 0  2  951

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  631

javascript - 네이티브 js에서 jquery의 on() 메서드를 구현하는 방법

기본 js는 어떻게 jquery의 on() 메서드를 구현하고 여러 이벤트를 요소에 동시에 바인딩하는 것을 지원합니까? 예: {code...} 네이티브 JS를 사용하여 이를 구현하는 방법은 무엇입니까?

我想大声告诉你 2017-07-05 10:56:31 0  2  1225

JS를 사용하여 HTML 범위 슬라이더 값 표시

HTML 범위 슬라이더 값을 표시하는 JS는 첫 번째 항목(A1)에서 제대로 작동합니다. 그런데 A2 프로젝트에도 사용하고 싶습니다(실제로 프로젝트가 20개라서 19번 재사용해야 합니다). 여러 번의 반복을 위해 코딩하는 방법이 있나요? constslideValue=document.querySelector("span");constinputSlider=document.querySelector("입력&qu

P粉988025835 2023-09-13 00:42:58 0  1  637

javascript - 크롬 플러그인: 주소 표시줄이 foucs일 때 키 누르기를 수신합니다.

크롬 플러그인 제작 시 발생하는 문제점: 입력 포커스가 주소 표시줄에 있을 때 단축키(ctrl + s 등)를 모니터링하여 해당 페이지의 문서를 조작할 수 있나요?

仅有的幸福 2017-05-19 10:21:53 0  1  502

webpack 패키징 jQuery 플러그인

여러 페이지에서 먼저 ProvidePlugin을 사용하여 jQuery를 전역 {code...}에 노출시킵니다. jQuery 플러그인을 참조할 때 일반 js 플러그인이라면 어떻게 해야 할지 모르겠습니다. 직접적으로 요구하세요. 그러나 일부 플러그인에는 js, css 및 그림이 모두 포함되어 있습니다. 모든 페이지에서 사용하는 경우...

黄舟 2017-06-26 10:50:32 0  2  875

스크롤 휠을 사용할 때 부드러운 스크롤 애니메이션을 얻을 수 있는 방법이 있습니까?

페이지를 스크롤할 때 스크롤 휠을 사용할 때처럼 "점프하는" 방식 대신 부드럽게 움직이도록 만들려고 합니다. 이와 관련하여 내가 본 대부분의 소스는 버튼이나 링크를 클릭할 때 반응 스크롤이 제공하는 것과 같은 부드러운 스크롤을 포함하지만 특히 휠 스크롤의 부드러운 효과를 얻고 싶습니다. MaterialUI 테마를 통해 이를 달성할 수 있는 방법이 있습니까? 아니면 이에 도움이 될 수 있는 React 패키지가 있습니까?

P粉118698740 2023-08-16 16:40:27 0  1  627

텍스트 영역 자동 확장

간단한 자동 확장 텍스트 영역을 만들려고 합니다. 이것은 내 코드입니다: textarea.onkeyup=function(){textarea.style.height=textarea.clientHeight+'px';} 하지만 입력할 때마다 텍스트 영역이 무한히 커집니다... Dojo 및 jQuery 플러그인이 있다는 것을 알고 있습니다. 이것을 달성하지만 나는 그것을 사용하고 싶지 않습니다. 나는 그들의 구현을 살펴보고 원래는 scrollHeight를 사용했지만 동일한 작업을 수행했습니다. 당신은 시작할 수 있습니다

P粉245489391 2023-10-21 08:49:23 0  2  701

linux - Thinkphp 가져오기 문제

thinkphp는 import를 사용하여 플러그인 클래스를 가져온 다음 + 클래스 이름으로 인스턴스화합니다. 이는 로컬에서는 가능하지만 서버에서는 가능하지 않습니다. 실행 메소드는 admin 모듈의 컨트롤러에 있고, Common 모듈의 Common 메소드를 function.php에서는 test 메소드라고 하고, 테스트 메소드 import...

曾经蜡笔没有小新 2017-05-16 13:08:01 0  3  391

angular.js - 각도 정렬 및 필터링 후 지연 로드된 이미지가 표시되지 않는 문제에 대해 설명합니다.

이 플러그인은 https://github.com/angular-di...에서 사용됩니다. 원칙은 유사하며, 창 내에 있는지 확인한 다음 이미지를 로드하면 기본 사항을 구현할 수 있습니다. 단, 추가한 후; 정렬 또는 필터링 기능 (angular의 orderBy, filter) 이후 목록의 정렬이 변경되고 원본은 ...

过去多啦不再A梦 2017-05-15 17:04:43 0  2  676

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

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

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

메소드를 사용하여 Vue.js에 조건부 스타일을 추가하는 방법은 무엇입니까?

상위 구성 요소에서 전달된 prop 값을 기반으로 하위 구성 요소에 조건부 스타일을 추가하고 싶습니다. 다음은 조건부 스타일 지정의 실제 예입니다. <liv-bind:class="[booleanValue?'stylingClassOne':'stylingClassTwo']" 하지만 이는 내 스타일이 단일 변수를 기반으로 하고 두 개의 값만 가질 수 있는 경우에만 작동합니다. (허위 사실). 여러 값을 사용할 수 있는 변수를 기반으로 조건부 스타일을 구현하고 싶습니다. 상위 구성요소에서 하위 구성요소로 문자열을 전...

P粉327903045 2024-03-21 20:53:17 0  1  464

Pinia의 상속/공유 작업 및 게터

일련의 작업과 getter를 공유해야 하는 Pinia 상점이 여러 개 있지만 이를 효율적으로 구현하는 방법을 잘 모르겠습니다. 저는 사용자가 다양한 미디어(책, 영화, TV 프로그램 등)를 관리할 수 있는 애플리케이션을 구축 중입니다. 현재 생각하고 있는 방식은 BookStore, MovieStore 등 미디어 유형별로 스토어를 두는 것입니다. 많은 getter 및 작업(예: count 및 deleteOne)은 서로 다른 저장소 간에 정확히 동일합니다. 여기서 DRY를 구현하는 방법은 무엇입니까? Pinia 문서의 예

P粉662614213 2023-12-22 13:50:12 0  2  545

Vue 3의 단일 스크립트 태그에 있는 여러 구성 가능한 인스턴스

저는 현재 OptionsAPI를 사용하여 작성한 구성 요소를 다시 작성하는 중입니다. 코드 전단 관점에서 볼 때 흥미로운 재작성 포인트는 많은 모달 상자가 표시되는 모든 곳에 자체 닫기/열기 및 부울 논리가 연결되어 있다는 것입니다. 내 문제는 하나의 구성 가능한 함수를 여러 모달 인스턴스에서 작동하게 만드는 방법을 찾는 데 어려움을 겪고 있다는 것입니다. 매우 간단한 예를 들어보세요: Modal.vue<template><divv-if="isOpen"@click="

P粉763748806 2024-01-17 09:49:26 0  1  534

ReactJS Tabler/Bootstrap의 모달 전환

일부 ReactJS 구성 요소를 사용하여 Tabler 대시보드를 구축하고 있습니다. 처음에는 일반 HTML 페이지와 Jinja2 템플릿을 사용했지만 일부 구성 요소에 대해 ReactJS를 구현하기 시작했습니다. 나는 실제로 필요하지 않은 추가 패키지를 많이 생성하기 때문에 React-tabler 또는 bootstrap-tabler와 같은 타사 도구를 너무 많이 사용하고 싶지 않습니다. 이러한 패키지 없이도 ReactJS 구성 요소를 사용하여 아름다운 Tabler 대시보드를 만들 수 있었습니다. 지금 내가 가진 유일한 문제는 모달을 ...

P粉071559609 2024-02-17 19:44:05 0  1  472

제목이 다음으로 변경됨: PrimeVue ContinueDialog 다중 인스턴스 문제

활성화될 때 여러 번 열리는 것을 제외하고는 잘 작동하는 PrimeVue의 구성 요소가 있습니다. 참조를 위해 프로세스 전반에 걸쳐 구성 요소를 여러 번 실행하고 일부 확인 대화 상자는 한 번만 열리며 대부분은 두 번째 속도로 열립니다. 대화 상자가 수락되거나 거부되면 모두 즉시 닫히지만 대화 상자 오른쪽 상단 모서리에 있는 "X"를 누르면 한 번에 하나의 인스턴스만 닫히고 여러 대화 상자가 열려 있는 것으로 표시됩니다. 내가 시도한 것: <ConfirmDialogkey="myDialog"/...

P粉328911308 2024-01-05 20:57:59 0  1  471