回不去的那些时光

什么是monorepo monorepo其实就是一个大包下面包含了许多子包，典型案例有：babel、vue3等知名项目。相对于传统的mutirepo项目，monorepo的优...

回不去的那些时光

高阶组件（HOC）定义：高阶组件是参数是组件，返回值也是一个组件的函数。 案例 使用场景 1、input 不想去手动去写 value 和 input 事件时，可以使用高阶组件...

回不去的那些时光

定义 Context 提供了一种方式，能够让数据在组件树中传递而不必一级一级手动传递 api class 组件处理 context 的方式 单个 context 需要用 co...

回不去的那些时光

Record Record的内部定义，接收两个泛型参数；Record后面的泛型就是对象键和值的类型。 Record 主要的作用是用来定义对象 可以看到，Record 可以很好...

回不去的那些时光

联合类型（｜） 联合类型，或者的意思 交叉类型（&） 交叉类型，两个都需要 类型断言 使用 as 关键字可以告诉 ts 我们是什么类型 类型守卫 typescript 在不同...

回不去的那些时光

下载对应的依赖 yarn add qrcode -Syarn add @types/qrcode -Dqrcode 和 @types/qrcode 版本号要一致在 shims...

回不去的那些时光

vue的局部更新 Vue的局部更新是因为它使用了模板和虚拟DOM的方式进行渲染。Vue的模板和虚拟DOM能够精确地追踪每个组件的状态，只更新真正发生变化的部分，避免了不必要的...

回不去的那些时光

iframe 优势 技术成熟 支持页面嵌入 天然支持运行沙箱隔离、独立运行 劣势 页面之间可以是不同的域名 需要对应的设计一套应用通讯机制，如：监听、传参格式等内容 应用加载...

回不去的那些时光

hooks 注意点 hooks 在使用时必须保证其调用顺序，不能将 hooks 的调用放在 if for 等流程控制语句中，也不能将 hooks 调用放在子函数中。 hook...

回不去的那些时光

使用 <teleport></teleport> 标签包裹内容，且给 to 属性绑定瞬移位置的选择器。 详细的 teleport 使用步骤 1、定义内容 2、引入组件并使用 ...

回不去的那些时光

子类获取父类的属性和方法 vue3 的setup中，子组件中接收数据需要用到 defineProps；向父组件提交事件，需要用 defineEmits 父类获取子类的属性和方...

回不去的那些时光

拖拽 在html5中新增了 draggable 属性，让我们可以实现拖拽功能。 拖拽元素 首先给要拖动的dom元素设置 draggable 为 true，然后绑定 drags...

回不去的那些时光

vue3 中当父组件使用了 v-model，到子组件分成了modelValue 和 update:modelValue。 其中 modelValue 相当于vue2 中的 v...

回不去的那些时光

简介 pinia 是 vuex 的替代，用法比 vuex 更简单，vue2、vue3 中都可以使用 案例

回不去的那些时光

简介 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也...

回不去的那些时光

简介 React DnD 是一组 React 高阶组件，使用的时候只需要使用对应的 API 将目标组件进行包裹，即可实现拖动或接受拖动元素的功能。 核心api DndProv...

回不去的那些时光

预期 今天在写 class 组件的时候，需要在点重置按钮的时候重新走一遍加载流程 constructor -> componentDidMount -> render。 尝试...

回不去的那些时光

用过antd 的同学都应该知道，表单是可以通过form.getFieldsValue() 来获取表单内的属性和值的。那如果我们自定义了一个表单组件，如何来实现这个功能呢？ 假...

回不去的那些时光

1、设置环境变量bin/index.js 2、在 package.json 中设置输出 3、在项目根目录设置软连接 sudo npm link 4、这样就可以在根目录使用 d...