svg 애니메이션과 css3 애니메이션의 장단점은 무엇입니까?

RT, 어떤 상황에서 어떤 솔루션에 적합한 전환 애니메이션 효과가 있나요?

曾经蜡笔没有小新 2017-05-16 13:21:17 0  1  654

왜 animate 앞에 Stop()을 넣어야 할까요?

안녕하세요 선생님, 강좌 코드에 이런 코드가 있습니다. $('.block').stop().animate()의 애니메이션 효과. 왜 animate() 앞에 stop()을 넣어야 할까요?

善為 2019-01-09 10:51:29 0  2  1113

키를 지정하여 처음 몇 개의 키 레이어를 얻는 방법 자바스크립트를 사용하는 것이 가장 좋습니다.

{ {code...} } 객체 데이터 구조는 이와 비슷합니다. AttackArrow.json 파일 이름을 알면 이 파일 이름을 통해 특수 효과 1/특수 효과 1_1을 얻고 싶습니다. AttackArrow.json 파일을 클릭하면 해당 파일이 어떤 폴더 디렉터리에 있는지 알고 싶습니다.

三叔 2017-06-28 09:28:20 0  2  822

vim 플러그인 vimwiki에서 특수 문자의 리터럴 값을 사용하는 방법은 무엇입니까?

예를 들어, `는 백틱이고 `는 특수 문자입니다. 그러나 출력 HTML은 ``를 <code> 태그로 변환합니다. , `는 특수 문자입니다. vimwiki에 이스케이프 문자가 있습니까? -------...

某草草 2017-05-16 16:42:30 0  1  1033

CSS - 애니메이션 색상 변경 문제

이는 초기 색상 값입니다. 자세한 내용은 데모를 참조하십시오. 그런데 애니메이션 효과를 작성한 후 색상 값이 변경되는 이유는 무엇입니까?

世界只因有你 2017-06-28 09:27:36 0  1  1235

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

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

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

javascript - JS 이벤트 버블링 문제

사례 종료: CSS를 사용하여 이 효과를 얻으세요. 도움을 주셔서 감사합니다. 이 효과를 구현하기 위해 CSS를 사용하도록 전환했습니다. 1. 다음 코드에서는 a 태그의 mouseover 및 mouseout 이벤트를 수신하여 캔버스 애니메이션을 트리거하고 mouseover 및 mouseout 콜백에서 해당 이벤트가 버블링되는 것을 방지했지만 마우스가 움직일 때...

学习ing 2017-06-12 09:32:56 0  3  828

목표-c - TransitionWithView가 UIView를 뒤집을 때 뷰의 색상 어둡게 하기 문제를 취소하는 방법은 무엇입니까?

카드의 앞면과 뒷면을 뒤집는 것과 유사한 애니메이션을 만들고 싶다면 UIView의 TransitionWithView 메서드를 사용하면 뒤집힌 뷰의 색상이 어두워집니다. 뷰의 배경색이 흰색인 경우 깜박임이 발생하고 뒤집을 때 검은색 중심선이 나타납니다. 효과가 매우 나쁩니다. 조언을 부탁드립니다.

三叔 2017-06-21 10:11:50 0  1  1091

javascript - vue에서 경로 전환에 문제가 있습니까?

Vue는 경로에 컷씬 애니메이션 페이드인 및 페이드아웃 효과를 추가합니다. 구성요소는 제거되면 페이드아웃되지만, 들어가면 즉시 들어가고 페이드인되지 않습니다. 이 두 단계 사이에서 페이지는 공백. 다음은 공식 웹사이트에서 복사한 내 코드입니다: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  775

javascript - 프론트엔드 자기 계발

앞서 언급한 바와 같이 저는 이제 막 업계에 들어와 회사에 입사한 지 두 달이 되었습니다. 저는 제 자신을 '진짜 다이아몬드'라고 생각합니다. 그러나 회사는 제가 하는 한 프론트엔드 효과에 별로 관심을 두지 않습니다. div를 작성할 수 있으며, 페이지의 기본 스타일만 있으면 js를 작성할 필요가 없습니다. 나는 프론트엔드 프레임워크에 많이 노출되지 않았습니다. ...

曾经蜡笔没有小新 2017-07-03 11:43:03 0  2  970

javascript - 변환으로 스크롤 효과를 생성하려면 두 요소가 필요한 이유

작은 공의 포물선 효과를 얻기 위해 두 개의 애니메이션을 수행하기 위해 하나의 요소 <div class="ball"></div> ? 그런 다음 변환을 사용하여 x 및 y 축을 수정했는데 이렇게 쓰면 효과가 없는 것으로 나타났습니다. 그런데 왜? 이것...

滿天的星座 2017-05-19 10:18:02 0  2  840

javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다. jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 적용합니다. 그런데 반응이 어떨지 모르겠어요...

世界只因有你 2017-05-18 10:58:34 0  2  765

javascript - 요소가 현재 표시 영역 내에 있는지 확인하는 방법

제목에서 알 수 있듯이 이제 가로로 자유롭게 슬라이드할 수 있는 가로 형식의 li 행이 생겼습니다. 특정 li가 현재 표시 영역 내에 있으면 해당 스타일 중 일부가 어떻게 변경됩니까? 여러분이 답변에 도움을 줄 수 있기를 바랍니다. . . . . . .

天蓬老师 2017-07-05 11:07:20 0  5  1149

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

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

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

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3824

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

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

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

JavaScript 기본 사항

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

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

javascript - jQuery 또는 Canvas 일체형 디스플레이 효과 아이디어 솔루션

그림에서 볼 수 있듯이 신용 점수 100은 Angular.js를 통해 바인딩된 데이터입니다. 이제 jQuery나 Canvas를 사용하여 신용 점수 페이지에 특수 효과를 만들어야 합니다. 사용자의 시작 신용은 100이고 작은 흰색 원이 표시됩니다. 맨 오른쪽에 있습니다. 그러면 사용자의 신용 점수가 100점을 초과하면 증가하거나 감소합니다.

怪我咯 2017-05-19 10:28:23 0  4  611

자동 검색 프롬프트(완성)에 대한 좋은 솔루션이 이미 있는데, 왜 바퀴를 다시 만들까요?

지능형 프롬프트 기능을 구현하려면 JavaScript, ajax, 데이터베이스, jsp/php에 대한 많은 지식이 필요하며, 데이터 양이 많으면 작은 기능에 너무 많은 노력을 들이는 것은 적절하지 않습니다. 꼭 필요한 기능이 아닌가? 사용자 입장에서는 입력 비용을 효과적으로 줄일 수 있고, 입력 상자를 마주할 때 더 많은 프롬프트를 얻을 수 있고 웹마스터 입장에서는 핵심 정보를 우선적으로 처리할 수 있습니다. 웹 사이트.

panie 2017-06-29 16:03:09 0  1  1813

javascript - js에서 페이지 노드를 삭제하면 어떤 효과가 있나요? 특정 코드를 직접 삭제하는 것과 같은 효과 아닌가요?

샤오바이가 물었다. 또 다른 이유는 jquery에서 추가가 노드에 삽입될 때 $("div").append("<div>hello</div>")를 직접 할 수 있는 이유입니다. 왜 $("")를 생략할 수 있습니까? jq("")에 새 노드를 만들 필요가 없습니다.

迷茫 2017-06-26 10:52:18 0  1  740