javascript - 使用 JSON 生成 HTML 元素，多个类名和 id。 - 没有 JQuery

Question

我一直在 codepen 上仅使用 JS 和 CSS 构建虚拟魔方。 - 请原谅我任何明显的愚蠢行为，我编写代码的时间还不到 3 个月，使用 JS 的时间还不到 1 个月。

我目前制作了两个版本，但对于版本 3，我需要使用 JSON 和 JS 循环结构生成尽可能多的 HTML。尽管阅读了大量关于 JSON 的文章，但我还是无法完全理解使用它来生成 HTML 的概念，就像我使用标准 JS 数组一样。请参阅代码笔链接-- http://codepen.io/Peachey_A/pen/hEcDH

虽然我在版本 2 中使用了一些 JQuery 来添加类属性；我想在生成过程中避开它，因为我的目标是在过多参与库之前了解 JS。

将不胜感激特定网站或代码片段示例的任何建议。

谢谢

Answer 1

就处理 JSON 而言，我建议使用一个库(如果你的浏览器本身不支持它)，但如果你想摆脱 jQuery，你应该看看 http://youmightnotneedjquery.com/