weekly icon indicating copy to clipboard operation
weekly copied to clipboard

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

Open jj811208 opened this issue 2 years ago • 1 comments

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

jj811208 avatar Nov 06 '22 16:11 jj811208

有点意思

zou8944 avatar Nov 07 '22 07:11 zou8944