个人技术分享

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

useState 中使用 ts。props 中使用 ts。useRef 使用 ts。

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

vue遍历数组或对象v-for

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

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

上，形成一个逐字的手写效果。用户还可以保存整幅图像或者撤销上一个添加的字。在移动端使用 UniApp 进行逐字手写的功能。上书写单个字，然后在特定时间后将这个字添加到。

技术网页应用能够快速地将数据更新呈现在用户界面上，而不需要重载（刷新）整个页面，这使得程序能够更快地回应用户的操作.针对同一个资源（比如博客）的增删改查，请求的接口一般是一样的，服务端会通过获取请求方。对象：这是一个浏览器内置对象，可以向指定的地址发送请求。前后端分离项目开发中，不同的目的要使用不同的请求方式.式，然后将不同的请求转发给不同的代码来处理。属性的值，可以知道请求当前正处于哪个阶段。：向服务端提交数据，用于新增。：向服务端提交数据，用于修改。：请求已完成，且响应已完成。：用于无刷新的更新页面。

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

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

Element-UI 表单添加tooltip提示信息

可用于获取 DOM 元素。

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

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

下标可以定义在类、结构体和枚举中，是访问集合、列表或序列中元素的快捷方式。可以使用下标的索引，设置和获取值，而不需要再调用对应的存取方法。举例来说，用下标访问一个Array实例中的元素可以写作，访问Dictionary实例中的元素可以写作。一个类型可以定义多个下标，通过不同索引类型进行对应的重载。下标不限于一维，你可以定义具有多个入参的下标满足自定义类型的需求。

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

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

js字符串的创建、length属性、index属性,字符串常用方法：charAt chartCodeA toUppercase toLowercase substr substring split slice concat trim等

我随便写一组数，要求排好并去掉重复的:i++){j++){if(arr[i]arr[j]){j--})都很简单，就两个要注意的函数，忘了就看看上篇，还有判断两组数组重复时，用==，我都加黑了，为什么强调呢，因为我一不留神就用了一个，还差点没看到，所以不要小看一些小错误，后面写项目代码一多，搁谁谁头大。

当向外暴露{ name: ‘liulongbin’, age: 22 }时，childRef.current为{ name: ‘liulongbin’, age: 22 }// 第二个参数是一个函数，子组件将自己内部的方法或值作为对象返回，并自动绑定到父组件定义的并传给子组件的 ref 上。// 第三个参数是函数依赖的值（可选）,createHandle中用到的子组件内部定义的变量也需要作为依赖项。ref 用来获取实例，但函数组件不存在实例，所以ref无法获取函数式组件的实例。