前言

1. 调试代码,找出代码中的问题经常使用 debugger 来打断点, 而要能在准确位置打上断点, 就必须熟悉程序的执行流程

2. 流程控制语句有三种: 顺序结构, 分支结构和循环结构

   (一) 顺序结构(默认)

3. 程序默认从上到下一句一句代码执行, 这就是顺序结构

4. 打断点操作

   (二) 分支结构

5. if else

6. 三目运算符

7. switch break

   (三) 循环结构

   1. for 循环

   1. 标准 for 循环四要素 ```javascript for(var i=0;i<5;i++){ console.log(‘i=’,i); }

(1)循环变量初始值 var i=0; (2)循环条件 var i<5; (3)循环变量改变 i++; (4)循环体 console.log(‘i=’,i);

   1. for 循环的运行规律
```javascript
(1)第一次循环 1->2->4->3
(2)第二次循环 2->4->3
(3)第三次循环 2->4->3
........ 当循环条件不满足,就会结束循环

1. continue 和 break
2. for循环的四个部分不是必须的
3. 死循环

   2. 数组遍历和对象遍历

   3. while 循环 和 do while 循环

   (四) 渲染商品列表

1. 模板字符串, 字符串中的变量使用${变量名}代替

2. 获取网页内的元素节点

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

3. 给元素节点填充内容

   // 填充文本
   app.innerHtml = 'hello world';
   // 填充标签
   app.innerHtml = '<div>老胡</div>';
   // 字符串拼接变量
   var username = 'laohu';
   app.innerHtml = '<div>'+username+'</div>';  // 数据多的时候,拼接不方便

4. 使用模板字符串拼接长串标签