不吃虾米虾皮虾酱

什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景下性能问题排查的心路历程

1. webpack的定义 Webpack是一个用于现代JavaScript应用程序的静态模块打包工具。 2. webpack的背景 Webpack的背景主要源于前端开发复杂度的提升和模块化规范的演变

React是首批主要的前端框架之一，不仅命名，而且吹捧其渲染性能。React的虚拟dom以有效渲染组件而闻名，但是当这些组件突然不再快速时会发生什么呢？你在哪里看 您如何解决？ 在本演练中，我们将展示如何使用Chrome devtools查找和修复缓慢的React组件代码。 在…

在日常工作中会遇到开发定制化表格的需求，因此我通过总结工作中所遇到的问题，总结成一些方法希望可以给你带来一些启发

SplitChunks插件是什么呢，简单的来说就是Webpack中一个提取或分离代码的插件，主要作用是提取公共代码，防止代码被重复打包，拆分过大的js文件，合并零散的js文件。 提到前端优化，提取公共代码是必不可少的手段。在Webpack出现前，提取公共代码是人为去处理，而Sp…

用某度翻译后：“该插件将CSS提取到单独的文件中。它为每个包含CSS的JS文件创建一个CSS文件。它支持CSS和SourceMap的按需加载。” 搭建个简单的Wenpack Demo，演示一下。 先安装MiniCssExtractPlugin插件。 安装成功后，在webpack…

背景 前几天在业务开发中，在iframe中嵌入打开一个xxx的url链接，在链接的主页中，会跳转到另一个登录的页面，然而登录一直失败，失败原因是xxx的服务端没有收到对应的cookie。但是在浏览器中

什么是渲染(render)? 浏览器中的“渲染”指的是将HTML字符串转化为屏幕上的像素信息的过程。本文将教会你什么是浏览器渲染原理。

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作DOM这些副作用（effect），这样难免让函数组件…