未分類
6 2 月 2022

[Code Challenge] 48h 写个 Dropdown

[Code Challenge] 48h 写个 Dropdown

資深大佬 : learnshare 27

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

挑战如下

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

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

大佬有話說 (6)

  • 資深大佬 : Steps

    现成的那么多，为什么要浪费时间自己写一个。。。

  • 主 資深大佬 : learnshare

    @Steps 造轮子是为了学习，用轮子是为了速度和质量

  • 資深大佬 : Leonard

    需要 48h 吗

  • 主 資深大佬 : learnshare

    @Leonard 欢迎提前交卷

  • 資深大佬 : monster1priest

    @learnshare 说得好，绝知此事要躬行。我学新技术的时候经常感觉自己看懂了，但是自己亲自实践的时候会发现很多意想不到的点。

  • 主 資深大佬 : learnshare

    @Steps @Leonard @monster1priest 交作业了
    1. 只用 CSS 的勉强可用版本 https://codesandbox.io/s/vigorous-voice-ozhyy
    2. 用 React 实现的灵活版本 https://codesandbox.io/s/amazing-pine-b44bs