Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【开源自荐】 watching-you - 让你的 DOM 能够像眼睛一样关注任何东西的 JS 简易动画库 #2729

Open
jj811208 opened this issue Nov 6, 2022 · 1 comment

Comments

@jj811208
Copy link

jj811208 commented Nov 6, 2022

Watching-You

watching-you 是一个基于 DOM + JS 的简易动画库 😀

它可以使你的 DOM 像一只眼睛聚焦在任何东西上!

Repo URL: https://github.com/jj811208/watching-you

示例

登入表单
login

John Cena 在看你
cena

观看 SVG 元素
SVG Watcher

功能介绍

  • 它能够观察鼠标或另一个 DOM,甚至是输入框里面的值,观察任何你想要的东西!
  • 因为它是基于 DOM,所以它很容易支持 RWD,而且上手成本很低
  • 支持多种框架
    • vanilla.js
    • react
    • vue
  • 没有任何依赖套件(每个框架都是!)。
  • 使用 typescript 编写
  • 核心代码的大小在 gzip 压缩后仅为 3kb
  • 如果元素不在屏幕上时,它将自动停止运行,节省资源的浪费

你可以在 GitHub Repo 里面看到更多内容!


我自己很喜欢这个效果,并在很多项目中使用了它,但这个库仍然是一个非常新的开源项目,所以如果你发现 bug 或有任何建议,请随时打开一个 issue,我会很感激🙏。

如果你喜欢它,希望你能帮这个 Repo 点个星星 🤩

Repo URL: https://github.com/jj811208/watching-you

@zou8944
Copy link

zou8944 commented Nov 7, 2022

有点意思

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants