Webpack插件之preload-webpack-plugin,preload-webpack-plugin插件的使用方法及详细配置。

背景 项目是一个基于umi3的单页项目（也可以类比基于Webpack的单页项目），最终打包成静态文件后使用Nginx部署。想要优化的原因是部署到服务器后网页访问速度慢，首页打开时能感受到明显的白屏与卡

我们在日常的项目开发中往往会把页面拆分成一个个的组件，通过拼装的方式来实现整体的页面效果，所以与其说去优化 React，不如聚焦在现有的组件中，思考🤔如何去设计一个组件才能提高他的性能

React.memo、useMemo、useCallback 浅谈 React 函数组件性能优化手段。前段时间看到卡颂的一篇关于「React 组件到底什么时候 render」 的探讨文章

前言 在日常开发中，我们经常会遇到 React 应用性能问题：组件频繁重渲染、页面卡顿、响应延迟等。很多人第一反应是使用 memo、useMemo、useCallback 等优化手段，但往往治标不治本

如今的用户默认就期待应用“又快又顺”。性能不再只是“锦上添花”，它是真正的产品优势，会直接影响留存、转化和收入。 难点在于：排查性能问题常常让人崩溃，因为一个应用变慢的原因实在太多了。 在这份指南中，

在一个开发团队中，每个人的git的commit信息都不一样，没有统一的标准很难保证规范化，如何才能规范化呢？

ESLint+Prettier 统一代码风格，利用 Husky+lint-staged 在 commit 阶段自动修复并拦截不合规代码，最后通过 Commitlint 强制规范提交信息。

本文介绍前端规范工具 ESLint 与 Prettier：ESLint 负责代码质量检查与错误修复，Prettier 专注代码格式化统一风格，二者搭配使用可规范代码、提升可维护性。