爱意满满的作品展示区。
jj811208

watching-you - 让你的 DOM 能够像眼睛一样关注东西的 JS 简易动画库

  •  4
     
  •   jj811208 · Nov 21, 2022 · 3365 views
    This topic created in 1445 days ago, the information mentioned may be changed or developed.

    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 编写
    • 如果元素不在屏幕上时,它将自动停止运行,节省资源的浪费

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

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

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

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

    8 replies  •  2022-11-23 19:24:01 +08:00
    wsph123
    wsph123
    Nov 21, 2022❤️1
    1
    妙啊
    add1commit
    add1commit
    Nov 21, 2022❤️1
    2
    一楼开始 watching you 并准备整个新活
    D2h0VL89HMAU417B
    D2h0VL89HMAU417B
    Nov 21, 2022
    3
    登录那个很有意思
    sobev
    sobev
    Nov 21, 2022
    4
    好玩😆
    jj811208
    jj811208
    OP
    Nov 22, 2022
    5
    谢谢喜欢 哈,

    观察了下 NPM 的下载量和 GitHub 星星,两者的比例让我怀疑自己是不是其实是靠示例拿星星的😆
    yunyuyuan
    yunyuyuan
    Nov 22, 2022
    6
    有意思,star 了,有时间我去康康代码
    lizhenda
    lizhenda
    Nov 23, 2022
    7
    有意思哈,好想法
    Envov
    Envov
    Nov 23, 2022
    8
    表单那个鸡蛋人眼神很搞笑
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2713 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 13:31 · PVG 21:31 · LAX 05:31 · JFK 08:31
    ♥ Do have faith in what you're doing.