昨天，我写了个上千级的bug

写在前面：

• 本文作为本人学习总结之用，同时分享给大家~
• 个人前端博客网站：zhangqiang.hk.cn
• 欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！

---

话不多说，如封面图。

就是这个错误，一直不断地往上飙升，甚至涨到了好几千个bug。今天特地把它记录一下。

在这个上千级的bug中，使用的技术栈是react，实现的功能为百度地图的渲染。

但是， bug的主要原因不在上面。 是css的一个基础，继承高度，首先我给子组件一个100%的高度，给了父组件一个定高，但是，但是！ react渲染组件的时候，子组件先渲染，父组件后渲染，这就造成子组件100%的高度没有父级的真实继承，所以控制台就一直保持，应该给子组件一个定高！至此，此bug解决。

最近，工作量对于个人而言有些吃力，加油，熬过这难熬的一段，就是突破自己的关键时刻！

前端小知识：

鼠标悬停光标显示图标

url	需被使用的自定义光标的URL注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标。
crosshair	光标呈现为十字线。
pointer	光标呈现为指示链接的指针（一只手）
move	此光标指示某对象可被移动。
e-resize	此光标指示矩形框的边缘可被向右（东）移动。
ne-resize	此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize	此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize	此光标指示矩形框的边缘可被向上（北）移动。
se-resize	此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize	此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize	此光标指示矩形框的边缘可被向下移动（北/西）。
w-resize	此光标指示矩形框的边缘可被向左移动（西）。
text	此光标指示文本。
wait	此光标指示程序正忙（通常是一只表或沙漏）。
help	此光标指示可用的帮助（通常是一个问号或一个气球）。