Max_Cheng

如果没有, 别急, 我这里有一份 前端知识脑图 100多页, 相信我, 你只要看了一定会点赞, 评论加收藏, 然后明年的今天我换个标题 前端知识脑图 102 页, 你还会来点赞, 评论加收藏. 接受自己就是棵韭菜, 这是你有别于其他韭菜的重要特征, 因为只有你接受自己是棵韭菜才…

百亿补贴图片加载非常快，为什么呢？因为百亿补贴先加载了一张模糊小图、再加载了一张清晰大图，用户很难感知到模糊到清晰的过程，误以为图片加载很快。接下来我会先给出证据、再分析原理、并提供关键代码。

1. 思路 2. 设计 我们再定义一个与容器颜色相同的盒子, 将上半部分盖住就可以啦. 3. 最终解决方案代码

先抛结论，如果是做普通前端项目的话，其实package.json里面的依赖包作为开发依赖和生产依赖基本没啥区别，就算把项目的package.json中的dependencies包全部挪到devDependencies也没问题。如果项目是做npm包或者node服务的，会有些许差别…

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的

个人理解转成大白话：Context提供了一个局部的全局作用域，使用Context则无需再手动的逐层传递props。 导入useContext钩子函数,该函数接收createContext()的返回值,返回的结果为该context的当前值,当前的 context 值由上层组件中距…

本文将介绍antd5的自研cssinjs的架构的核心原理，5分钟，深入组件库源码，理解并学习其思想，你甚至可以自己手写一个。

从 @ant-design/cssinjs 源码的 Demo 中，梳理了关于主题样式设置的功能，了解了如何自定义主题样式。总结了其中比较经典的设计模式和功能。后续还会围绕着新建主题等功能继续深挖。

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确