#web 前端开发 Debug 技巧读书笔记

这篇文章是我读《web 前端开发 Debug 技巧》这本书的读书笔记， 主要记录一些我觉得比较有用的调试技巧。

#图书介绍

Web前端开发Debug技巧

作者：杨楚玄

出版时间：2022 年 08 月 01 日

出版社：清华大学出版社

ISBN：9787302614104

总页数：266

总字数：48.4W

#读书笔记

#布局问题

1. 增加边界，显示布局, 之前都是用的 border, 但是会影响原有布局

* {
  box-shadow: 0 0 0 1px red;
  /* OR */
  outline: 1px solid red;
}

2. 找出元素的定位容器，比如absolute 布局

// 控制台输入, 控制台中的$0是指当前选中的元素。
$0.offsetParent

3. flex 布局下，overflow: hidden 不生效问题，常见的问题为文字超出省略失效。

flex 容器的子元素的 min-width 会被设置为 auto, 而不是默认的 0， auto 会以元素内容的长度作为 min-width的值