渲染商品列表

  1. 模板字符串, 字符串中的变量使用${变量名}代替
  2. 获取网页内的元素节点

    1. var app = document.getElementById('app'); // 获取id为app的元素节点, 并将节点存放在变量app内
  3. 给元素节点填充内容

    1. // 填充文本
    2. app.innerHtml = 'hello world';
    3. // 填充标签
    4. app.innerHtml = '<div>老胡</div>';
    5. // 字符串拼接变量
    6. var username = 'laohu';
    7. app.innerHtml = '<div>'+username+'</div>'; // 数据多的时候,拼接不方便
  4. 使用模板字符串拼接长串标签