前端debug流程
2019-12-12 11:50:52 0 举报AI智能生成
debug入门级流程
作者其他创作
大纲/内容
类型
警告
分析警告内容
除了涉及浏览器安全性的，其余警告均需要进行处理
错误
分析错误的类型
javascript语法错误
1.can not read property 'id' from undefined
这个表示说我们想要取值的对象为undefied， 此时debug就要找到表达式所在的位置，进行调试
2. a is not defined
我们使用了 a 但是未定义，此时需要找到对应文件，看看是拼写错误还是忘记定义
3.a is already declared
当我们用let 声明变量时，变量名不允许重复
4.uncought TypeError
根据提示进行debug
5.syntax error
语法错误，检查报错位置的语法
6.aa.forEach is not a function
检查调用forEach方法的aa 是否存在forEach方法
ajax请求错误
http状态码相关
调试ajax相关的bug需要打开控制台的network选项卡，关注以下内容
url地址是否正确
传递的参数是否正确，格式是否符合后台约定规范
request headers内携带的信息是否正确
response响应体内是否有报错，返回内容是否正确
框架层面的错误
以Vue为例
1.v-for key
key是否绑定，如果是template标签，key需要写到下一级子元素上
2.v-bind directive attr
v-bind写法规范
3.property or method aa not defied but used during render
有未定义的方法或属性
4. prop is readOnly
试图直接修改父组件传入的prop内容
5.watcher error
watch方法错误
6.a is already defined in data or computed
定义了同名的属性或方法
7.can not resolve module
alias未配置或者地址错误
8. can not edit state without vuex mutation or action
不能直接修改vuex的状态
0 条评论
下一页
