今天实现了一个小功能,虽然功能实现比较简单,但是中间出现了一次bug,由于 测试方法 有问题,所以没有及时找到问题所在,导致浪费了比较就的时间.在这里做简单总结,留作以后经验.
查看控制台是否报错
我们在写js代码的时候, 经常会有代码错误或是语法等问题, 这时候就可以在打开控制台查看, 是否会有报错出现, 然后根据报错修改代码.
查看生成源代码
html和js代码在运行后, 会将其中的变量都转换掉, 所以最后生成的代码会有所不同.而我们在测试的时候, 要学会查看源代码.右键浏览器 –> 查看网页源代码 .
与预期比较
源代码有了之后,我们就要看看我们出错的位置或者其他相关位置是否与预期代码相同.在这里我们可以借助编辑器,将源码复制进编辑器,然后以html后缀保存文件.然后可以清晰的看到格式上的问题.语法上的问题还需自己对比.
