事件流： 描述的是从页面中接收事件的顺序。事件被触发时会在元素节点之间按照特定的顺序传播，这个过程就是事件流 例如：首先给div注册单击事件，当你单击了div时，也就是单击body、单击了html,单

哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

内容高度自适应，如果超出就显示滚动条，滚动加载，但是我们平时设置flex布局时，通过flex：1给子组件设置内容高度自适应时，内容超出了但是滚动条出现了一些问题，加载高度不够，

工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。 响应这个要求，我决定写一个关于调试实战系列。本来不打算写这个基础篇章，为了整个的完整性。（不喜勿喷） 所以示例在以下环境通过。 使用 console.l…

作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

说到抓包这个问题，很多初级的前端都不太能意识到这个问题，虽然本人也就是个小菜，但是对于抓包工具可以说是熟练掌握了，因为有过太多接口的问题被测试指派了我，那么如果熟练掌握了抓包不仅能快速定位出问题，还能分析网络请求，以及一些前端逻辑的问题导致接口多次触发等现象。 所以一个合格的前…

方法虽然简单粗暴，但是它是实用且简单的。然而，如果 BUG 十分复杂，涉及到跨组件甚至是源码，采用打 log 的方式就变得十分麻烦了； F12 打开调试工具之后刷新页面，断点就会停在 created 里了。 当然，这里只是做简单的示例，实际情况更加复杂的时候，右边的堆栈可以让你…

该篇主要讲述前端er如何应用支付宝支付和微信支付这2种支付方式，通过时序图，直观描述支付这一业务场景的不同交互形式。

此文是对js高级程序设计一书难点的总结，也是笔者在看了3遍之后的一些梳理和感想，希望能借此巩固js的基础和对一些核心概念有更深入的了解。 一. Number类型关键点讲解 浮点数值的最高精度是17位小数，但在进行算术计算时精度远远不如整数。例如 ECMAScript能够表示的最…