摘要: 示例 相关代码 <a-tree-select v-model="type" show-search style="width: 100%" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择" all 阅读全文
posted @ 2024-12-24 11:12 Felix_Openmind 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Web Worker是什么? Web Worker是浏览器的API,可以创建worker线程,在主线程之外运行JS脚本 Web Worker的作用? Web Worker的目的是:为JS创造多线程环境 在主线程中创建Worker线程,将耗时的任务分配给Worker线程,Worker线程在后台运行和主 阅读全文
posted @ 2024-12-22 18:23 Felix_Openmind 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 示例 代码 ImgPreview.vue <template> <div class="preview" @click="onClick"> <div class="preview-img"> <div class="opt-box"> <CloudDownloadOutlined :style=" 阅读全文
posted @ 2024-12-13 18:30 Felix_Openmind 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 什么是透传Attributes 透传属性指的是 没有被该组件声明为props或emits的属性或v-on事件监听器,eg:class、style、id... 在 JavaScript 中访问透传 Attributes // 使用useAttrs() API来访问一个组件的所有透传属性 <script 阅读全文
posted @ 2024-12-13 17:11 Felix_Openmind 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1.通过v-model 2.通过props和emit 3.通过provide和inject 4.通过ref 5.通过事件总线EventBus或Mitt 6.通过Vuex/Pinia 1.通过v-modle v-model 是 Vue 提供的用于双向绑定的语法糖,适用于父子组件之间的数据同步。 // 阅读全文
posted @ 2024-12-13 16:02 Felix_Openmind 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 1. 【通过ref】父组件创建ref绑定到子组件并通过forwardRef将父组件的中ref绑定到子组件中具体的DOM元素进而操作。eg: 父组件的ref绑定到子组件的input框上 2. 【通过useImperativeHandle】ref + forwardRef + useImperative 阅读全文
posted @ 2024-12-08 11:18 Felix_Openmind 阅读(39) 评论(0) 推荐(0) 编辑
摘要: React16 => React引入Fiber架构,解决过去更新机制的问题 =》 在长时间的更新过程中,主线程会被阻塞,导致应用无法即时响应用户输入。 核心内容: 【Fiber是什么】【Fiber的底层原理】 Fiber是什么? 当编写React组件并使用JSX时,React在底层会将JSX转换为元 阅读全文
posted @ 2024-11-23 06:51 Felix_Openmind 阅读(14) 评论(0) 推荐(0) 编辑
摘要: /* 外层滚动条样式 */ ::-webkit-scrollbar { width: 10px; // height: 940px; } /* 内部可滚动区域样式 */ ::-webkit-scrollbar-thumb { height: 460.181px; background: rgba(1 阅读全文
posted @ 2024-11-22 17:23 Felix_Openmind 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 实例 支持在下拉分页框内输入分页条数来实现自定义分页 代码 usePageSizeSelect.js import {useEffect, useState} from "react"; import Bus from "../../utils/eventBus"; export function 阅读全文
posted @ 2024-11-20 10:43 Felix_Openmind 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 上传组件 DragClickUpload.tsx import {CloudUploadOutlined} from '@ant-design/icons'; import type {UploadProps} from 'antd'; import {message, Upload} from ' 阅读全文
posted @ 2024-11-20 10:34 Felix_Openmind 阅读(55) 评论(0) 推荐(0) 编辑