累计布局偏移: Cumulative Layout Shift, 简称CLS，是Google提出的一项非常重要的网页性能指标，以用户为中心的内容视觉稳定性指标，因为它有助于量化用户体验到意外布局移位的频率，较低的CLS有助于确保页面用户视觉和交互体验。 当用户浏览一个页面的时候…

在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了

在项目开发过程中，前端需要存储大量的数据，cookie,localstorage 都有存储长度限制，需要一个存储容量大、支持搜索和自定义索引的前端存储方案——IndexDB。

1. localForage介绍 localForage是一个JavaScript库，能够类似localStorage的存储。 他是异步存储，可以优化你的web应用程序的离线体验，而且能存储多种类型的数据。 localForage有一个优雅的降级策略，如果浏览器不支持index…

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

前端开发经常遇到项目依赖变更的问题，可以归结为时间、空间和人三个方向。 这些问题不能单纯依靠文档规范来限制，需要有行之有效的工具来避免。

不需要后端的前端版本更新提示。 1、将版本信息存放在 dist 目录下，可以通过简单的网络请求获取到数据； 2、打包时自动更新版本信息，不需要对其进行手动修改；

1. 修改完代码，记得自测一下 改完代码，自测一下 是每位程序员必备的基本素养。尤其不要抱有这种侥幸心理：我只是改了一个变量或者我只改了一行配置代码，不用自测了。改完代码，尽量要求自己都去测试一下哈，可以规避很多不必要bug的。 2. 方法入参尽量都检验 入参校验也是每个程序员…

很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜，好家伙，还有好