ReactJS 디자인 로드맵 타임라인

그래서 하고 싶은 디자인이 생겼어요. 기본적으로 페이지의 왼쪽 하단에서 오른쪽 상단으로 이동하는 타임라인입니다. 또한 행 사이에 일부 div 요소를 배치해야 합니다. 또한 반응성이 좋기를 원합니다. 특히 길이는 줄어들겠지만 여전히 선이 위쪽으로 눈에 띄기를 원합니다. ReactJS와 TailwindCSS를 사용하여 이를 달성하는 방법에 대한 제안이 있으십니까? 제가 인터넷에서 찾은 예는 온라인 수평 및 수직 타임라인 스타일입니다. 곡선형 타임라인의 예가 없습니다.

P粉563446579 2024-03-29 11:31:47 0  1  419

javascript - H5 기술을 사용하여 WeChat Alipay 결제 바코드와 유사한 전체 화면 및 가로 모드로 자동 전환을 구현하시겠습니까?

제목으로. H5+를 사용하여 앱을 개발했습니다. 바코드를 클릭하여 확대하는 효과를 더 잘 구현하고 가로 화면은 그림 3과 같이 Alipay 및 WeChat의 결제 인터페이스와 유사합니다. . 나는 그것을 잘하지 못했습니다. 여러분 모두에게 우아한 구현 방법을 제공해 주시기를 바랍니다.

扔个三星炸死你 2017-06-14 10:50:51 0  3  1246

javascript - JS 코드 문의 비순차적 실행은 단일 단계 작업이지만 직접적으로 문제가 발생합니다.

팝업 상자가 3초 후에 자동으로 숨겨지는 것을 알고 싶어서 다음 코드를 설정했습니다. {code...} 단일 단계 디버깅에는 문제가 없으며 순차적으로 실행됩니다. 중단점을 의미합니다. 효과는 상상했던 것과 동일하지만 중단 없이 직접 실행을 클릭하면 이 효과가 발생하지 않습니다. 나는 js가 실행될 때 자체적으로 js를 가져야 한다고 생각했습니다.

滿天的星座 2017-06-26 10:50:14 0  4  683

javascript - vue의 라우터 링크가 작동하지 않는 이유는 무엇입니까?

{code...} {code...} App.vue의 내용입니다. 실제로 페이지 표시가 태그로 마운트되어 있지만 클릭해도 효과가 없고, 클릭해서 변경해도 효과가 없습니다. 구성 요소 {code..} 이것은 라우터 중 하나에 대한 코드입니다. 다른 두 개는 기본적으로 동일합니다.

漂亮男人 2017-05-16 13:38:06 0  2  710

WeChat 공식 계정에 대해 온라인으로 매개변수를 사용하여 QR 코드를 생성하는 방법은 무엇입니까?

매개변수가 포함된 QR 코드는 팬 소스를 모니터링하고, 프로모션 효과를 파악하거나, 고급 구현을 위해 핵분열 포스터를 자동으로 생성할 수 있습니다. . . #微信도움말 기능 구현에 대한 답변이 있습니까?

whb2010 2019-03-07 15:31:01 0  2  1230

php - ci3.0에서 캐싱을 구현하는 방법은 무엇입니까?

ci3.0에서 데이터베이스 데이터를 구현하고 싶습니다. ci 매뉴얼에 따라 캐시한 후에도 페이지 효과가 여전히 평균 수준입니다.

曾经蜡笔没有小新 2017-07-05 10:46:03 0  1  867

WeChat에서 QR 코드가 포함된 포스터를 생성하는 도구를 사용하시겠습니까?

매개변수를 사용하여 QR 코드 포스터를 구현하고 팬 효과를 통계적으로 쿼리할 수 있는 WeChat 타사 도구 플랫폼이 있습니까? ​​실제 기술이나 기능 #微信 도움말 포스터 QR 코드 생성, 프로모터 QR 코드 기능 print('' )

whb2010 2019-03-12 14:30:52 0  2  1373

Weex <text>의 텍스트 클릭 효과

weex의 텍스트는 기본적으로 클릭 효과가 없습니다. 공식 웹사이트에서는 언론 상태를 얻을 수 있는 방법을 찾지 못했습니다. Android의 선택기와 유사한 기능을 구현할 수 있는 사람이 있습니까?

ringa_lee 2017-05-19 10:33:24 0  3  600

nginx - Go 언어에 내장된 http 프록시 포트가 80인 경우 서버 IP로 확인된 도메인 이름과 동일한 효과가 있습니까?

예를 들어 go를 사용하여 http 프록시를 구축했습니다. IP는 192.168.1.100이고 포트는 80입니다. 테스트 후 프록시에는 문제가 없습니다. 이제 이 IP에 대한 도메인 이름을 확인하고 직접 액세스가 불가능합니다. . 이 효과를 얻으려면 어떻게 해야 합니까? nginx로 한 번만 전달하면 되나요?

天蓬老师 2017-06-24 09:44:28 0  1  1657

vim - 두 개의 `분할 창`이 `scroll lock`이나 `scoll sync` 또는 유사한 기능을 구현할 수 있습니까?

코드를 작성할 때 모니터를 올릴 수 없기 때문에 코드에 표시되는 줄의 수가 매우 적고, 상하 스크롤이 매우 빈번하므로 다음과 같은 생각이 듭니다. 단일 파일을 편집할 때 :vs, 저기 두 개의 수직 창(왼쪽 창의 번호는 1-44, 오른쪽 창의 번호는 45-88)이고 스크롤 잠금 또는 s를 구현합니다.

过去多啦不再A梦 2017-05-16 16:38:52 0  1  688

html5 - vue 프로젝트의 vuex 저장 문제

구현 효과: 버튼을 클릭하면 왼쪽 메뉴의 너비가 전환됩니다. 이제 Vuex를 사용하여 IsOpen 필드를 저장한 다음 nav 구성 요소와 메뉴 구성 요소 모두 필드의 초기 값을 얻었습니다. nav 구성 요소 버튼을 클릭하면 IsOpen 값도 전환되지만 클래스 이름은 변경됩니다. 너비를 변경하는 것은 전환되지 않습니다. 이것...

迷茫 2017-06-27 09:19:31 0  2  904

javascript - js 연습 질문입니다. 여기서 마지막 getElementsByTagName('a')[0]이 0인 이유는 무엇입니까?

{Code...} 이 구현의 효과는 테이블의 마지막 열을 추가하고 삭제하는 효과입니다. createElement가 태그를 생성한 후 oTd.getElementsByTagName('a')[0].onclick 이유를 이해할 수 없습니다. =function() 여기서 선택한 TagName은 [0]입니다.

女神的闺蜜爱上我 2017-06-26 10:57:27 0  4  870

javascript - 마우스를 구현하여 div 프레임을 그리고 div에 포함된 dom 요소를 얻습니다.

이 효과와 유사하게 마우스를 이동하고 div 상자를 당겨 div가 포함하는 dom 요소를 선택합니다. 구현할 수 있는 좋은 아이디어가 있습니까? 제가 생각해낸 방법은 div의 offsetLeft, offsetTop과 선택해야 하는 각 요소의 offsetLeft, offsetTop을 판단하는 것입니다.

仅有的幸福 2017-05-19 10:09:21 0  4  588

Apache 서버는 HTTPS 액세스를 활성화합니다.

현재 Centos에 Apache가 설치되어 있으며 3개의 가상머신이 생성되어 있으며 그 중 하나는 SSL 서비스로 구성되어 있습니다. 내가 원하는 효과는 HTTP 액세스를 비활성화하고 HTTPS 액세스만 허용하는 것입니다. 이를 어떻게 구성하고 구현하나요? 현재 상황: HTTP와 HTTPS 모두 액세스 가능합니다.

PHP中文网 2017-05-16 17:01:15 0  2  673

javascript - mousdown 이벤트에 대한 질문입니다.

도와주세요.$.animate를 사용하여 페이지 요소 mousdown을 기반으로 이벤트를 구현했는데 문제를 발견했습니다. 마우스를 연속으로 여러 번 클릭하면 원하는 효과가 여러 번 반복됩니다. 달성하려면 클릭할 때마다 처음부터 시작해야 합니다. 여러 번 클릭하면 다음과 같은 여러 mousdown 이벤트가 생성됩니다.

世界只因有你 2017-05-19 10:14:34 0  1  437

c++ - 라이브러리 배치에 의해 예약된 이것의 구체적인 구현은 무엇입니까?

{코드...} 다양한 형태의 연산자 new를 배울 때 접했는데(c++ 입문서에서는 많이 설명하지 않았습니다.) 이 함수의 기능을 이해하지 못했습니다. 예를 들어 이 함수 호출을 어떻게 사용해야 할까요? two *abc = new(m) two(10);(...와 같은 새로운 배치 효과를 구현하려면?

怪我咯 2017-05-16 13:30:16 0  1  826

javascript - 페이지 로딩 애니메이션 효과가 표시되지 않나요?

1. 현재 작업 중인 프로젝트는 데이터 테이블 페이지입니다. 백그라운드 쿼리가 오래 걸리기 때문에 사용자 경험을 향상시키기 위해 로드 애니메이션을 추가합니다. 애니메이션 로딩을 위한 플러그인에는 문제가 없지만 메소드 실행 중에 애니메이션 효과가 없는 것으로 확인되었습니다. 2. 코드를 직접 붙여넣으세요. JS 시작하기...

迷茫 2017-05-19 10:18:28 0  4  712

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  583

javascript - JS 이벤트 위임 작업 ul li 태그 관련 문제

먼저 제가 달성하고 싶은 기능, 즉 ul의 li 태그를 클릭하여 현재 클릭된 li를 제거하는 기능에 대해 이야기하겠습니다. 하지만 계속해서 시도했지만 원하는 효과를 얻을 수 없었습니다. 현재 질문은 다음과 같습니다. 현재 클릭된 li 첨자를 얻기 위해 보다 직접적인 방법을 사용하는 방법과 아래 첨자를 얻기 위한 for 루프는 Baidu Taolai입니다...

巴扎黑 2017-06-28 09:27:49 0  2  873

javascript - 프런트엔드 지도 애니메이션 효과를 구현하는 방법입니다.

아래 효과와 유사하게 아바타가 경로에 따라 움직일 수 있습니다. 저는 이런 애니메이션을 본 적이 없습니다. 프런트 엔드는 어떻게 구현되어야 합니까? 캔버스? webGL? 아니면 기성 프레임워크? 이 효과를 얻으려면 어떤 아이디어를 사용해야 하는지 전혀 모르겠습니다. . .

PHPz 2017-05-16 13:36:02 0  2  461