以轮播图为例:
- 当遇到控制台报错
这种情况就需要看控制台报的错误是什么。
比如上面这种就是说变量i未定义,直接使用,网页就会报错。 - 当控制台没有报错,轮播图没有实现自动播放的功能
这时候需要检查自己那部分代码是否写错。
在仔细检查过后发现代码没有写错,原来是没有写调用函数的代码! - 在以上两种情况都未解决后,不要慌!
(1) 如果是定义了变量,可以尝试在控制台打印输出
console.log("变量名字");
如果无法打印,
第一步要检查打开的网页和写的文件是不是一个。
第二步看看自己有没有刷新。
第三步清除浏览器缓存。
如果成功打印,看看打印的值是否正确,再回到代码中做下一步的检查。
(2)如果是CSS样式没有生效或者样式错误
console.log("变量名字");
第一步,去看盒子模型的长宽和自己设置的是否一致
第二步,去Elements里看设置的样式有没有生效,
比如类名写对了没有,比如类名有没有加上,如果都没有问题,那么很有可能就是选择器的权重不够。
所以,遇到代码不生效或者报错不要慌!一步步的检查,总会发现问题出在哪!