纯函数：不可变数据使得函数成为纯函数，即函数的输出只依赖于输入，而不受外部状态的影响。这使得函数更加可靠、可测试和易于理解。避免副作用：由于不可变数据不可修改，它们不会引起副作用，即不会修改外部状态或产生意外的行为。这有助于减少程序中的bug，并使得代码更易维护和调试。线程安全：由于不可变数据不可被修改，多个线程可以同时访问和共享不可变数据，而无需担心同步和竞态条件问题。引用透明：不可变数据使得引用透明成为可能，即可以在任何时间点将同样的输入替换为同样的输出，这对于优化和缓存结果非常有用。更多:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a

简洁：函数式组件只需要编写一个函数即可，代码量较少，易于理解和维护。性能优化：函数式组件相对于类组件来说，没有实例化的过程，执行效率更高。方便测试：由于函数式组件只是一个纯函数，不涉及生命周期方法，依赖注入等复杂操作，因此测试起来更加方便。Hooks支持：React Hooks是React 16.8版本中引入的新特性，使得函数式组件也能够轻松地使用状态和其他React特性，使得函数式组件的功能更加强大。函数复用：函数式组件更容易进行组件的复用，可以将常用的业务逻辑封装成自定义Hooks进行复用。更多函数知识点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a

冲！！80篇了啊啊  https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=1efc04aa95fe4d9db89cd57b6ee1220e

接收一个多参数函数作为输入。创建一个新的函数，该函数接受一部分参数。在新的函数内部，调用原函数，并将已经接收到的参数传递给它。将新的函数返回，以便继续处理剩余的参数。学习：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=22b4ed19a9844c11ae782e28581e2468

创建一个新的空对象 obj。在 obj 上添加属性，例如将构造函数中的参数作为属性添加到 obj 上。如果构造函数有返回值，则将返回值赋值给 obj。返回 obj。每日一刷：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=c7523674cdc84159b8e23b09066327ef

defineEmits() 函数：用于定义组件可触发的事件。在Vue 3中，可以使用defineEmits()函数明确声明组件可以触发的事件，并指定事件名称和参数。这样可以增加代码的可读性和组件的可维护性。更多 Vue3 API ：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

defineProps() 函数：用于定义组件的props。在Vue 3中，可以使用defineProps()函数来明确声明组件的props，取代Vue 2中的props选项。这样可以更直观地定义和描述组件需要接收的props，包括👀类型、👀默认值等。更多 Vue3 API ：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

setup() 函数：在Vue 3中，使用setup()函数代替了Vue 2中的created和beforeCreate等声明周期钩子函数。setup()函数接收两个参数，props和context，用于初始化组件。通过setup()函数可以直接访问和操作传递给组件的props，实现了更便捷的props访问。更多 Vue3  API ：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

使用 ref 或 reactive 创建响应式数据。使用 provide 在父组件中提供数据。在子组件中使用 inject 来接收父组件提供的数据。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

⭕▶数据流向清晰：通过使用props，父组件可以明确地传递数据给子组件，从而使数据的流向清晰可见。⭕▶组件解耦：通过使用props来传递数据，父组件和子组件之间可以实现解耦。⭕▶数据验证和类型检查：使用props声明数据时，可以对数据进行验证和类型检查，以确保接收到的数据满足要求。⭕▶单向数据流：Vue推荐单向数据流的模式，props的使用符合这一模式。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

在Vue中，props是一种用于从父组件向子组件传递数据的机制。它可以让父组件将数据传递给子组件，在子组件中可以使用这些数据来进行渲染或执行其他操作。props允许父组件向子组件传递任意类型的数据，包括基本数据类型、对象、数组等。子组件通过在自己的接收参数中声明props来接收这些数据。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

使用 props：父组件通过 prop 将数据传递给子组件，在子组件中通过 props 来接收和使用传递的数据。使用事件：子组件通过 $emit 方法触发一个自定义事件，并将数据作为参数传递给父组件，在父组件中通过 v-on 监听子组件事件并处理传递的数据。使用自定义事件总线：通过创建一个空的 Vue 实例作为事件中心，组件之间可以通过该实例进行事件的触发和监听，从而实现跨组件的数据传递。使用 provide 和 inject：父组件通过 provide 向所有子孙组件注入数据，子组件通过 inject 来接收注入的数据，从而实现跨级组件间的数据传递。使用 Vuex（状态管理）：通过创建一个全局的 store 对象来存储和管理应用的状态，各个组件可以通过读取和修改 store 中的数据来实现组件间的数据传递。更多：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=c8973c67c0d4486fb9b49ef343b162bb

Babel是一个广泛使用的JavaScript编译器，它可以将ES6+代码转换为可以在旧版浏览器中运行的代码。Babel使用插件来解析和转换JavaScript代码，其中包括将ES6+语法转换为ES5语法的插件。这样，即使浏览器不支持ES6+语法，也可以通过Babel将代码转换为兼容的ES5语法，以确保在旧版浏览器中正常运行。更多体系化内容：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=887ee84377164cb1aa77f68d1318f4f8

判断一个数是否是2的幂次方的方法有很多，其中包括位运算和循环除法。位运算方法的原理是利用2的幂次方的二进制表示中只有一个1的特点，通过按位与操作符&和取反操作符~来判断一个数是否是2的幂次方。循环除法方法的原理是利用2的幂次方可以被连续除以2整除的特点，通过循环将一个数不断除以2，直到不能再被2整除为止，如果最终的结果为1，则说明该数是2的幂次方。这些方法都可以有效地判断一个数是否是2的幂次方，具体使用哪种方法取决于实际需求和代码实现的要求。学算法思维：https://www.nowcoder.com/issue/tutorial?zhuanlanId=0DQQQm&uuid=067255b783c7422fa51896a5ebdb73b0