简单明了找bug方法 老师传授的好办法之一(1)

常见错误

总结 哪里没有效果找哪里
排错方式
1根据知识点
2根据业务逻辑来排错

• 明确浏览器解析的顺序 标签 css js
• 页面上什么都没有 证明没有标签或者标签位置写错了
• 页面上没有样式 证明选择器没有选中
• 页面上没有动态交互 要不没有交互属性 要么交互属性绑定的元素不对

自己写错

逻辑错误

找错方法

核心：根据自己掌握的知识点进行找错
目前css错误：
错误原因：写的代码没有效果 一脸蒙蔽 觉得啥都不会
1 查看浏览器控制台 看html标签是否解析 -----解析
2 那个样式没有出来 就查看那个标签 看style 有没有解析css语言—没有

• 选择器没有选中html标签。 ---->复制 搜索 查看
  3 微调bug
• 打开控制台 调试值 找到合适的值 复制 粘贴到自己的代码中
  4 兼容性bug
• 只要没强调没有兼容那个浏览器的属性 那么统统兼容 常用属性 盒子 文本类 布局类
  注意 存在兼容性问题的知识点 css3 弹性布局 盒子阴影 文字阴影 动画 过渡 媒体查询 IE10以上兼容
  解决方式：只要不兼容 那就更换能够兼容的属性

重点：如果有错误不解决，体验不效果 自己就会感觉会很蒙蔽
如果有错误不会找 而且找不到 以后学不会所有东西