watching you

특징

• 마우스 나 다른 dom을 볼 수 있거나 입력 값을 입력 할 수 있습니다. 원하는 것을 볼 수 있습니다!
• DOM 기반이기 때문에 RWD를 쉽게 지원할 수 있습니다.
• 여러 프레임 워크를 지원합니다
• 제로 의존성 (모든 프레임 워크는!)
• TypeScript로 작성되었습니다
• 핵심 코드의 크기는 GZIP 압축 후 3KB에 불과합니다.
• 요소가 화면에 있지 않으면 자동으로 시청을 중지합니다.

예

• 로그인 양식
• 철 사슬
• Cena가 당신을보고 있습니다
• SVG Path Watcher

소스 코드는 여기에서 찾을 수 있습니다

스토리 북

당신은 React를 사용하여 당신의 이야기 책을보고 있지만, 모든 프레임 워크는 같은 일을 할 수 있습니다!

https://jj811208.github.io/watching-you/storybook

서류

켈 API는 버전 1.0.0이 출시 될 때까지 여전히 변경 될 수 있습니다. 켈

• 바닐라 JS
• 반응
• vue

호환성

컴파일러 (babel)없이 직접 watching-you 하는 경우, (예 : CDN 가져 watching-you 사용하는 WordPress 프로젝트)

	크롬	파이어 폭스	원정 여행	가장자리	오페라	iOS 사파리/크롬	안드로이드 크롬
지원	70+	73+	14.1+	80+	70+	14.1+	✔

그러나 Babel 및 Import Polyfill과 같은 컴파일러를 사용하는 경우 IE11을 지원할 수도 있습니다.

일부 참조 :
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

메모

• input 또는 textarea 시청할 때 text-align 속성을 left 두어야합니다.
• 일부 인라인 요소는 transform 속성을 무시하므로 ( span 이라고하자), display 속성을 제대로 작동시킬 수 있도록해야합니다. (참조 : https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-a-span)
• transition: transform .1s

특허

ISC