郑州建站时间,长域名的优秀网站,wordpress 下载页面模板怎么用,网页设计属于前端吗1.文章简介#xff1a; 报错和Bug#xff0c;是贯穿程序员整个编程生涯中#xff0c;无法回避的问题。而调试#xff0c;就是帮助程序员定位问题、解决问题的重要手段#xff0c;因此调试是每个程序员必备技能。 调试本身可分为两个过程: 定位问题 和 解决问题#xff0…1.文章简介 报错和Bug是贯穿程序员整个编程生涯中无法回避的问题。而调试就是帮助程序员定位问题、解决问题的重要手段因此调试是每个程序员必备技能。 调试本身可分为两个过程: 定位问题 和 解决问题靠开发的基本功。 调试快速定位
1.掌握调试工具的基本使用 2调试基本流程 3.通过案例定位Bug修复Bug。 文章学习内容
1.掌握Chrome调试工具的基本使用 2.认识常见Js4种报错姿势 3.能够在报错中提取关键信息 4.能够通过调试工具、二分注释排除法准确定位代码Bug位置。 学习目标
1.常见Bug1分钟内找出Bug位置。 2.隐藏Bug二分注释法准确找出Bug位置。 2.调试工具的基本功能介绍
调试工具的面板有很多需要掌握做常用的4个
元素(Element)控制台 (Console)源代码 (Sources)网络 (Network) Chrome DevTool 调试工具 两种打开方式: 1右击网页-选择”检查 2.快捷键F12或FnF12 2.1 元素(Element)
作用快速调试样式⭕注意刷新会丢失
技巧
1.调试样式上下方向键可以快速微调
2.存储为全局变量快速获取 dom 元素 例选中文本框中的输入值并且设置为全局变量此后将控制台的变量获取value值 2.2 控制台Console
作用: 输出浏览器运行过程中产生的信息
技巧: 1.可以当做计算器 2.可以运行代码 console.log(这是一个普通颜色的信息,);
console.warn(这是一个黄色颜色的信息警告开发者,);
console.error(这是一个红色颜色的信息显示报错信息,);console.dir(h1);const fn ();
console.dir(fn);
