React 16.8 正式推出 Hooks 至今已经两年多了，有些朋友却一直觉得这是个新技术，对上手使用 Hooks 仍然处于观望状态，即使大多数使用React 技术栈的公司，他们所开发的项目也是多数采用React.Component的形式。 还有些朋友想要使用 React H…

以上代码是实战一方案，到此时，也许你会可能注意到一个很严重的问题Task组件调用homeStore的方法的时候需要在taskStore一层一层往上走，才能找到homeStore，这里只是两层Dom结构，如果Task组件里面还有子组件，子组件也需要一个单独管理的store的话，层…

Scope Hoisting 是 webpack3 的新功能，直译为 "「作用域提升」"，它可以让 webpack 打包出来的「代码文件更小」，「运行更快」。 在 JavaScript 中，还有“变量提升”和“函数提升”，JavaScript 会将变量和函数的声明提升到当前作用…

hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地缓存。但是在实际使用的时候，这几…

2024.04.15 更新前端面试问题总结（20 道题） https://github.com/pro-collection/interview-question/issues

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

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

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

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