这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
01.Bug与Debug
前端Debug的特点：
多平台、多环境、多工具、多技巧
02.Chrom DevTools
Elements：网页元素
Console：日志
占位符
- %s：字符串
- %o：对象占位符
- %c：样式占位符
- %d：数字占位符
console.table：具象化的展示JSON和数组数据
console.dir：通过类似文件树的方式展示对象的属性
Source--断点调试
Scope：作用域
Call stack：调用栈
NetWork
调整页面网速
Performance
页面卡顿——>查看FPS指标——>寻找性能瓶颈——>优化代码
Lighthouse
LCP：最大内容绘制，测量加载性能。为了提供良好的用户体验，LCP应在页面首次开始加载后的2.5秒内发生。
FID：首次输入延迟，测量交互性。为了提供良好的用户体验，页面的FID应为100毫秒或更短。
CLS：累计布局偏移，测量视觉稳定性。为了提供良好的用户体验，页面的CLS应保持在0.1或更少。
欲买桂花同载酒，终不似，少年游。
