V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
learnshare
V2EX  ›  前端开发

[Code Challenge] 48h 写个 Dropdown

  •  
  •   learnshare ·
    learnshare · 2021-11-23 11:12:29 +08:00 · 1031 次点击
    这是一个创建于 1131 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Dropdown 是常见的可交互组件之一。
    它的功能可以很简单,但又要考虑许多展示和交互的复杂状况。
    我认为它是入门前端的一大门槛。

    挑战如下

    1. 编写一个可复用的 Dropdown 组件。
      功能完整即可,简单或复杂的都可以。
    2. 将作品呈现在 Codepen/CodeSandbox 等平台上,便于预览和查看代码。
    3. 尽量独立完成。如果参考了其他内容,请注明。
    4. 48h 内完成。

    不是笔试,不是套白狼。没有排名,也没有奖品。

    6 条回复    2021-11-25 09:11:34 +08:00
    Steps
        1
    Steps  
       2021-11-23 11:14:21 +08:00
    现成的那么多,为什么要浪费时间自己写一个。。。
    learnshare
        2
    learnshare  
    OP
       2021-11-23 11:18:53 +08:00
    @Steps 造轮子是为了学习,用轮子是为了速度和质量
    Leonard
        3
    Leonard  
       2021-11-23 11:20:05 +08:00
    需要 48h 吗
    learnshare
        4
    learnshare  
    OP
       2021-11-23 11:34:48 +08:00
    @Leonard 欢迎提前交卷
    monster1priest
        5
    monster1priest  
       2021-11-23 13:47:31 +08:00 via iPhone
    @learnshare 说得好,绝知此事要躬行。我学新技术的时候经常感觉自己看懂了,但是自己亲自实践的时候会发现很多意想不到的点。
    learnshare
        6
    learnshare  
    OP
       2021-11-25 09:11:34 +08:00
    @Steps @Leonard @monster1priest 交作业了

    1. 只用 CSS 的勉强可用版本 https://codesandbox.io/s/vigorous-voice-ozhyy
    2. 用 React 实现的灵活版本 https://codesandbox.io/s/amazing-pine-b44bs
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1680 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 16:45 · PVG 00:45 · LAX 08:45 · JFK 11:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.