[Code Challenge] 48h 写个 Dropdown

2021-11-23 11:12:29 +08:00
 learnshare

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

挑战如下

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

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

1027 次点击
所在节点    前端开发
6 条回复
Steps
2021-11-23 11:14:21 +08:00
现成的那么多,为什么要浪费时间自己写一个。。。
learnshare
2021-11-23 11:18:53 +08:00
@Steps 造轮子是为了学习,用轮子是为了速度和质量
Leonard
2021-11-23 11:20:05 +08:00
需要 48h 吗
learnshare
2021-11-23 11:34:48 +08:00
@Leonard 欢迎提前交卷
monster1priest
2021-11-23 13:47:31 +08:00
@learnshare 说得好,绝知此事要躬行。我学新技术的时候经常感觉自己看懂了,但是自己亲自实践的时候会发现很多意想不到的点。
learnshare
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/817333

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX