LinOfLi

函数组件性能比类组件好，但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 性能主要取决于代码的作用，而不是选择函数式还是类组件。尽管优化策略有差别，...

之前参加面试时，官人问到一个问题：我们构建的组件中children是什么？ - 当时我的第一想法就是Elment元素，DOM元素。 现在翻过头来滤清晰咯！下面就是一系列的源...

Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 Java...

2024年4月，React 19的第一个版本发布，版本号是19.0.0-Beta，快来抢先学习新特性。...

然而，对于一个大型项目，如果每请求一个 api 都要写以上类似的代码，显然会使得项目中重复代码过多，不利于项目的维护。因此，下文将介绍全局存储 loading 状态的解决方...

hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的...

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 想象一下:你有一个非常好用的函数组件，然后有一天，咱们需要向它添加一个生命周期方法。 呃... 刚开始咱...

使用React已经三年了，在这三年里面也沉积了不少关于React代码优化的最佳实践，今天写出来和大家分享分享。 这篇文章的每一个最佳实践我都会提供两个例子，一好一坏作为对比...

js本身不直接提供检测 CSS 样式是否生效的功能，但可以通过 js来检查指定元素的样式来判断文本是否已溢出。...

# 你可能在React useEffect请求中遇到同样的问题 ## 需要实现的功能 根据切换不同的Tabs，获取相应的数据并显示在页面上。 ## 出现的问题 当多次快速...

相比于 Class 组件，如果不深入了解 React Hooks 的思想，写出来的代码反而会更惨不忍视，其中之一就是对 useEffect 的滥用。 有个原因是我们总是带着...

“潜规则”丰富的React远比看上去要难相处，这篇文章介绍了useEffect依赖对象或数组时引发的问题和原因，提出了一系列思路和方法。...

本文是个人在使用React hook中地经验总结之一，也是对useEffect使用的思考之一。本文总结起来正如标题（确实有点长）： state也是指useState返回的s...

useEffect有多个依赖的时候, 会发生多次调用。实现一个批量操作的useEffect函数, 解决多次调用问题。...

本文总结了十几个使用react的时候经常见到的可以提高性能的点，希望对您有所帮助，喜欢的话可以收藏起来下次再看...

最近在群里，有个小伙伴问了这么一道很有趣的问题： CSS 能否实现，容器再某个高度下是某种表现，一旦超出某个高度，则额外展示另外一些内容 为了简化实际效果，我们看这么一张示...

最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中...

react-router-dom6 路由懒加载与组件懒加载 本文教学如何配置最新路由的懒加载 以及 组件懒加载 组件懒加载 组件引入方式 需要用到懒加载的组件：此时我这个组...

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页...

文件监听是在发现源码发生变化时，自动重新构建出新的输出文件。 轮训去判断文件的最后编辑时间是否发生变化。当某个文件发生了变化，并不会立刻告诉监听者，而是先缓存起来，等待一定...