控制台的简单了解

控制台使用

控制台也就是开发者调试平台

分为几个功能模块： 元素，控制台，源代码，网络，性能，内存，应用

• 元素：拍页面的时候用，可以对元素标签进行检查，调试样式等，在框架开发中用到的可能较少，集成的UI组件库，可以为我们在排版方面节省很多的时间，但如果要自己开发一个新的组件库或创建一个低代码平台，会用得到

• 控制台：

• 主要就是用来进行错误的排查，利用console.log()进行错误位置的确定，因为之前说过，js时顺序执行的，有报错就不会执行后面的代码；

• 除了检查出错的位置，还可以对结果进行打印判断；

• 也可以当个小工具用，直接在控制台进行代码的编写，查看效果

• 源码：

• 可以添加断点，查看例如循环或复杂嵌套的具体代码执行顺序，可以再监视中添加具体的变量名来进行变量数据的监察

• 我个人感觉用控制台排错更方便也跟直观，源码很少会用到，主要来辅助理解代码的运行思路。
  

• 网络：非常重要，这里可以对前端想服务端发出请求的返回结果进行观测，对现在大多数开发来说，经常要用到，前后端通信就是前端一个特别重要的应用，现在的前端开发已经不在时传统意义上的切图仔了，往往都是一套模版创建完成后，具体的渲染数据都是通过网络请求，从后端获取数据

• 性能： 可以用来进行页面数据渲染的性能分析，可以手动的记录创建时间，和结束时间，结束后会有一个饼图，来展示各方面所消耗的事件，以此为依据进行代码的优化

• 内存： 可以用来判断是否发生了内存泄露

• 应用：主要就是cookie 和 websocket，这里以后会详细的说

今天好累，就总结这么多吧，控制台是开发必不可少的，先简单有个概念，后面每部分可能还会再细说