不看视频很难写这个练习

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>模版字符串</title>
    <style type="text/css">
        table,tr,td{
            border: 1px solid #ccc;
        }
    </style>
</head>

<body>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script type="text/javascript">
    const tmpl = function() {
        return {
            title: "前端",
            data: [{
                title: '布局基础',
                date: ["html", "css"]
            }, {
                title: '网页特效',
                date: ["javascript", "jquery"]
            }, {
                title: '框架',
                date: ["bootstrap", "vue"]
            }]
        }
    }

    const {title,data} = tmpl();

    let arr = [];
    arr.push(
        `<caption>前端</caption>`
        );
    data.forEach(function({title,date:[date1,date2]}){
      arr.push(
        `<tr>
         <td>${title}</td>
         <td>${date1}</td>
         <td>${date2}</td>
         </tr>`
         );
    });

    let table = document.createElement('table');
    table.innerHTML = arr.join("");
    document.body.appendChild(table);
    
    </script>
</body>
</html>

自己一开始琢磨了好久，发现还是得回去看视频照抄，有点灰心写不出这样的代码，项目中都要自己想怎么实现这些功能吗？

不会飞的萌物 2019-03-15

源自：ES6扩展 2-4 编程练习