个人技术分享

问题使用useState 时，例如const [selectedId, setSelectedId] = useState([false,true,false]);这样直接利用，无法引发使用selectedId状态的组件的变化，但是selectedId是修改了的 let temp=selectedId; temp[toggledId]=selectedId[toggledId]===false?true:false; setSelectedId(temp);原因一句话。let temp=

/ 第二个参数是可选的依赖项数组，这个数组中的每一项内容都会被用来进行渲染前后的对比，依赖项发生变化时，才会重新执行副作用函数。将中止信号与请求绑定：fetch( ‘请求路径’ , { signal: controller.signal })实际应用：当前组件中使用了定时器或绑定了事件监听程序，可以在返回的函数中清除定时器或解绑监听程序。如果不在组件卸载时清理定时器，下一次再显示时会再创建一个新的定时器，就会有两个定时器都打印位置。中止请求：controller.abort()

【代码】react-beautiful-dnd 横纵排序demo。

在React中，类组件基于ES6，所以在constructor中必须使用super在调用super过程中，无论是否传入props，React内部都会将porps赋值给组件实例porps如果只调用了super（），那么this.props在supper（）和构造函数结束之间仍是undefind。

vue遍历数组或对象v-for

解析器（parser）是一种程序或组件，用于分析输入的数据，并将其转换为更易于处理的格式。解析器在计算机科学中有广泛的应用，特别是在编译器、解释器、自然语言处理和数据格式转换等领域。

【代码】react基础。

修改vuetify3开关组件v-switch在inset模式下的大小

在本篇学习笔记中，我们探讨了 TypeScript 与流行前端框架（Angular 和 React）的结合应用，涵盖了如何使用 TypeScript 编写 Angular 组件与服务，以及如何在 React 中使用 TypeScript 编写组件、Hooks 和 Context。本篇将重点探讨 TypeScript 与流行前端框架（如 Angular 和 React）的结合应用，帮助你在实际项目中更好地利用 TypeScript 的强大功能。在组件中使用该 Context。在组件中使用该服务。

对于React 代码 debug 的两种方式，个人更倾向于第二种方式，编译源代码的方式稍微麻烦一些，但是对原始代码没有任何侵入性。

但是，如果必须将道具传递到中间的许多组件，或者应用中的许多组件需要相同的信息，则传递道具可能会变得冗长且不方便。但是，当您需要将一些道具深入树中传递时，或者如果许多组件需要相同的道具时，传递道具可能会变得冗长和不方便。最接近的共同祖先可能与需要数据的组件相距甚远，将。如果有一种方法可以在不传递道具的情况下将数据“传送”到树中需要它的组件，那不是很好吗？允许父组件将一些信息提供给其下树中的任何组件（无论其深度如何），而无需通过 prop 显式传递它。是将数据通过 UI 树显式传递到使用它的组件的好方法。

可用于获取 DOM 元素。

Reducer 允许您合并组件的状态更新逻辑。上下文允许您将信息深入传递到其他组件。您可以将 reducer 和 context 组合在一起，以管理复杂屏幕的状态。中的此示例中，状态由 reducer 管理。在像这样的小例子中，这很有效，但是如果你中间有几十个或几百个组件，那么传递所有状态和函数可能会非常令人沮丧！reducer 有助于使事件处理程序保持简短。但是，随着应用的增长，您可能会遇到另一个困难。若要让其他组件读取任务列表或更改它，必须显。当前状态和更改它的事件处理程序作为道具。

当我们打印plusOne.value的值的时候,走的是get的回调函数而不是get的回调函数.那么这时候就走了computed的set回调函数,而没有走get回调函数.这样分别定义computed的get回调函数和set回调函数,上面例子定义了plusOne.value的值为1,这样是常规使用方法.

Django模板可以与这些前端框架的模板系统配合使用，以实现更复杂的数据交互和页面渲染。Django REST Framework（DRF）是一个强大的工具，用于构建可扩展的、可靠的RESTful API。前端框架是用于构建用户界面的工具集，它们提供了组件化、状态管理和路由等功能，使得开发者能够高效地构建复杂的单页应用（SPA）。Django自带了许多内置功能，如认证、URL路由、模板引擎、对象关系映射（ORM）等，这些功能使得开发者能够快速构建功能齐全的Web应用。要实现Angular。

可以看见，总共14个指令，但这14个并不都是常用的，只用下述用红框框起来的这10个指令才是常用的。Vue 会根据不同的【指令】，针对标签实现不同的【功能】指令是 vue 开发中最基础、最常用、最简单的知识点。

当数据变化后会调用notify方法，将watcher遍历，调用update方法通知watcher进行更新，这时候watcher并不会立即去执行，在update中会调用queueWatcher方法将watcher放到一个队列里，在queue Watcher会根据watcher的进行去冲，多个属性依赖一个watcher，如果队列中没有该watcher就会将该watcher添加到队列中，然后通过nextTick异步执行flushSchedulerQueue方法刷新watcher队列。

Reducer 允许您合并组件的状态更新逻辑。上下文允许您将信息深入传递到其他组件。您可以将 reducer 和 context 组合在一起，以管理复杂屏幕的状态。中的此示例中，状态由 reducer 管理。在像这样的小例子中，这很有效，但是如果你中间有几十个或几百个组件，那么传递所有状态和函数可能会非常令人沮丧！reducer 有助于使事件处理程序保持简短。但是，随着应用的增长，您可能会遇到另一个困难。若要让其他组件读取任务列表或更改它，必须显。当前状态和更改它的事件处理程序作为道具。

快速学习响应式。

对于Button组件，Element UI和Element Plus通常不提供直接的方法调用，因为它们主要是作为UI元素来使用的。主要的交互逻辑通常是通过绑定事件（如。请注意，以上示例是基于Element UI和Element Plus的官方文档和常见用法进行的简化描述。在实际使用时，建议参考官方文档以获取最准确和详细的信息。）到Vue实例中的方法来实现的。