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

写了个前端「右键菜单」定制工具,支持多框架

  •  
  •   iPhone15 · Feb 9, 2023 · 1852 views
    This topic created in 1218 days ago, the information mentioned may be changed or developed.

    1. 介绍

    自从看开源项目上头有一段时间了,积累了不少知识之后,结合工作内容,遂萌发了这个项目。
    主要用来定制页面上的「右键菜单」,菜单主体内容就是一个 DOM 元素,
    并且页面上的每个 DOM 元素都可以单独指定不同的菜单。

    2. Feature

    • 支持多框架:目前支持 Vue 、React ,未来打算继续支持更多。

    • 支持多种使用姿势:函数式 hooks 、纯组件、v-directive 指令 以及 脱离框架的原生 JS API

    • 从开项目之初就考虑到了前端轮子标配能力:

      • tree-shaking 能力,自动按需引用
      • 完善的 TS 类型
      • 单元测试质量保障(严重拖延症👀,目前覆盖率还不太够)
      • SSR 兼容
      • 多种兼容格式输出:ESM ,CJS ,IIFE
    • 以及有模有样的文档(英文水平有限 hhh ,大佬们见笑)

    零零散散写了几个月,功能上基本稳定了,希望能在这里讨点 star 。

    项目链接: https://github.com/vaakian/contextmenu
    文档链接: https://contextmenu.netlify.app

    另外,本菜鸡最近有换工作的打算,
    编码能力可以看看 Github 首页 贡献(集中在给 vueuse 和 近期给 Vue3 提的 Pull Request ),
    如果有看上的大佬可以捞一下。😜

    iPhone15
        1
    iPhone15  
    OP
       Feb 9, 2023
    UPUPUP
    iPhone15
        2
    iPhone15  
    OP
       Feb 9, 2023
    这里是 demo ,点链接进去右键就可以试试效果:

    contextmenu.netlify.app/vue/advanced#demo


    页面中是的例子比较简单。这个项目是给开发者提供一个菜单容器,菜单的具体样式是交给开发者自己定义的。
    subframe75361
        3
    subframe75361  
       Feb 10, 2023
    考虑加个渐入渐出动画吗
    iPhone15
        4
    iPhone15  
    OP
       Feb 10, 2023
    @subframe75361 动画是一直都在计划当中,目前还在对比不同实现方案~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5358 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 08:54 · PVG 16:54 · LAX 01:54 · JFK 04:54
    ♥ Do have faith in what you're doing.