适合面试和开发小程序。 对于本文档有什么意见和建议请及时联系作者。 9. vue-loader是什么？使用它的用途有哪些？ 15. 请说出vue.cli项目中src目录每个文件夹和文件的用法？ 38. 跨组件双向数据绑定 42. vue slot 52. vue mock数据 …

React Profiler 的使用 前言 平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以即时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在的性能问题，React De

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props 传递给子组件使用。

从概念角度来说, 代数效应是一种方法, 可以"隔离函数中的副作用, 从而让函数变为纯函数"。 这样我们在编写程序逻辑时就不用考虑具体的副作用的实现, 也就是"做什么"和"怎么做"是解耦的。

React核心团队成员Sebastian Markbåge（React Hooks的发明者）曾说：我们在React中做的就是践行代数效应（Algebraic Effects）。 那么，代数效应是什么呢？他和React有什么关系呢。 代数效应是函数式编程中的一个概念，用于将副作用…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

在新东西不断涌来时，人们不免会发出疑问：class 组件又不是不能用，Redux 又不是不能用，或者更彻底一些，jQuery 又不是不能用，为什么一定要去追逐这些新的东西呢？