开门见山，有这样一种非常常见的情况，对于一些可滚动的元素而言。通常在滚动的时候会给垂直于滚动的一侧添加一个阴影，用于表明当前有元素被滚动给该滚出了可视区域，类似这样： 对于两侧的列在滚动的过程中，静止不动，吸附在边界的问题，通常 CSS 使用 position: sticky …

在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影 可以看到，只有滚动以后才出现阴影。一般情况下，使用

介绍如何查看jest单元测试的测试报告和代码覆盖率： 1. 运行 coverage 脚本命令生成测试报告 2. 在浏览器中查看测试报告 3. 教你看懂测试报告并利用报告提高编写UT效率

自动清理构建目录 避免构建前每次都需要手动删除 dist。使用 clean-webpack-plugin，默认会删除 output 指定的输出目录 PostCSS 插件 autoprefixer ⾃动

很多东西都只是用过，而不清楚具体的原理，这对于我们来说是不够的，在工作中，你用到的框架可能就是我或者某个同事做的，我们希望的是能够了解原理，理解这个地方为什么要这样写

重构，是我们开发过程中不可避免需要进行的一项工作。重构代码，以适配当前模块设计之初未考虑到的多样化场景，并增加模块的可维护性、健壮性、可测试性。那么，如何明确重构的方向，以及量化重构的结果呢？ 代码圈复杂度（Cyclomatic complexity，CC）可以是一个供选择的指…

圈复杂度：用于衡量程序中的控制流程复杂性。它通过计算代码中的判断语句和循环语句的数量来评估代码的复杂性。圈复杂度的值越高，代码的复杂性就越高，理解和维护代码的难度也就越大。

作为公司内的一名高级前端码喽，大大小小也封装过了不少组件和功能，我逐渐意识到封装并非全是优点，也会存在一些不可忽视的潜在劣势。 在项目中，我们急切地对各种功能和 UI 进行封装，却在不经意间忽略

浏览器中用于发起网络请求的 API 主要包括以下几种： XMLHttpRequest：这是一个老牌的 API，用于在浏览器和服务器之间发送 HTTP 请求。它支持异步请求，并可以通过设置回调函数来处理