Carbon 是一款生成精美代码片段图片的工具。有多精美？美轮美奂。 之前在逛推特的时候，偶尔能看到一些类似下面这样的代码片段图片，每次看到都觉得特别精致。 有一次也特别想要这样的图片，无奈当时搜索了一下如何制作无果后，比较愚蠢的决定用我略显笨拙的 PS 技术 P 一张图，怎么…

当父组件数据变更时，会导致所有子孙组件全部重新渲染，造成大量的性能损耗。此时我们可以通过使用 `React.memo` 包裹组件，来达到性能优化。

在 React 中，只要组件的state数据有变更，当前组件就会重新渲染。state数据有3个组成部分：props、state、context，这些数据产生变更，我们就称使用这些数据的内容为可变部分。

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。

一、写在前面 作为一名开发者，大家在开发过程中是不是经常遇到各种各样的文件，比如xlsx、word、ppt等办公类型的文件格式，还有pdf这种便携式的打印格式文件等。 但是通常情况下我们都是使用一个相

使用notion构建个人财务管理系统 引言 在中国，对每个人每月的财务进行统计存在困难。虽然绝大多数人都已经只使用移动支付，所有的消费记录都已经被记录，但是消费记录被保存于腾讯与阿里两家公司中，双方之

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

为了更好地满足开发者对于细粒度性能控制的需求，React推出了useMemo这一Hook，允许我们针对复杂的计算进行精细化的优化，从而避免不必要的渲染重复。

前阵子报了前端早早聊「前端女生职业发展专场」，想着端午假期最后一天给自己充充电 🔋。 一天课程听下来，感觉收获还是挺多的，写下本文做个记录。 1. 如何从前端小白到带团队的技术小牛 面临：从校园到职场的转变，企业使用的技术栈和自学的有较大的差异，未经历过大型项目，缺乏多人沟通…