Youtube是如何实现此列表控件的？ [关闭]

Posted 2021-04-26

Youtube.com有一项功能，允许您创建列表，然后将您喜欢的视频添加到列表中。以下是三个屏幕截图，显示了此控件的工作原理。

Click to add to list Add to a list Create and add to a new list

任何人都可以描述或推测他们如何实施这种控制吗？每张照片里发生了什么？他们使用什么技术？我不是要求任何人编写代码示例。相反，你能解释一下这里发生了什么以及他们使用了什么（javascript，jQuery，JS框架X），所以我可以自己实现。我不太了解JavaScript，但我希望能够创建这样的控件。

答案

Youtube界面使用Polymer构建。

这个特殊的组件是iron-dropdown，它负责“模态”对话框的所有逻辑。

在这个对话框中，它们有不同的自定义组件，如ytd-add-to-playlist-renderer，paper-checkbox。这些组件只是在主下拉元素中呈现html元素。