Youtube 是如何实现这个列表控件的？ [关闭]答案

【问题标题】：How did Youtube implement this list control? [closed]Youtube 是如何实现这个列表控件的？ [关闭]
【发布时间】：2017-12-30 22:28:09
【问题描述】：

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

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

【问题讨论】：

它很可能会使用为 YouTube 设计的自定义 API。实际上有一个YouTube developers API 可供使用，所以我猜该网站是基于此的。
除了 JS 控件和 CSS 布局之外，还有一个强大的数据库，旨在为每个用户存储列表。对于«不太了解 JavaScript» 的人来说，这个问题太宽泛了
我只是想知道什么方法可以调查。我可以从那里拿走它。随心所欲地给我投反对票。
方法将是 Ajax 和对数据库结构的长期思考。
我只是想学习如何使用列表元素实现模态界面以及创建新列表的能力。我了解如何做后端数据库的事情。我正在做一些研究，看起来这可以通过 Louys 提到的 jQuery 和 Ajax 来完成。我查看了 Youtube 的代码，他们的代码看起来很自定义。

【解决方案1】：

Youtube 界面是使用Polymer 构建的。

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

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

【讨论】：