发表于: 2019-12-24 18:28:00

1 1245


今天完成的事

今天的收获

F12Console的用法

Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。Chrome和FireFox都支持console。控制台以及浏览器内置Console对象的出现,给前端开发调试带来了极大的便利。


  // 1、console.log 用于输出普通信息

  // 2、console.info 用于输出提示性信息
  
  // 3、console.error用于输出错误信息
  

  // 4、console.warn用于输出警示信息


  // 5.console.groupEnd结束一组输出信息

  // 6.console.assert对输入的表达式进行断言,只有表达式为false时,才输出相应的信息到控制台。
  
  // 7.console.count当你想统计代码被执行的次数(经常用到)
  
  // 8.console.dir 直接将该DOM结点以DOM树的结构进行输出,可以详细查对象的方法发展等等。
  
  // 9.console.time(name)/console.timeEnd(name)用于函数的计时



进行断点调试

  // 从左到右,各个图标表示的功能分别为:

  // Pause/Resume script execution:暂停/恢复脚本执行(程序执行到下一断点停止)。
  
  // Step over next function call:执行到下一步的函数调用(跳到下一行)。
  
  // Step into next function call:进入当前函数。
  
  // Step out of current function:跳出当前执行函数。
  
  // Deactive/Active all breakpoints:关闭/开启所有断点(不会取消)。
  
  // Pause on exceptions:异常情况自动断点设置。



遇到的困难


明天的计划

详情页功能



返回列表 返回列表
评论

    分享到