Felix_Openmind

摘要： 什么是透传Attributes 透传属性指的是 没有被该组件声明为props或emits的属性或v-on事件监听器，eg:class、style、id... 在 JavaScript 中访问透传 Attributes // 使用useAttrs() API来访问一个组件的所有透传属性 <script 阅读全文

摘要： 1.通过v-model 2.通过props和emit 3.通过provide和inject 4.通过ref 5.通过事件总线EventBus或Mitt 6.通过Vuex/Pinia 1.通过v-modle v-model 是 Vue 提供的用于双向绑定的语法糖，适用于父子组件之间的数据同步。 // 阅读全文

摘要： 1. 【通过ref】父组件创建ref绑定到子组件并通过forwardRef将父组件的中ref绑定到子组件中具体的DOM元素进而操作。eg: 父组件的ref绑定到子组件的input框上 2. 【通过useImperativeHandle】ref + forwardRef + useImperative 阅读全文

摘要： React16 => React引入Fiber架构，解决过去更新机制的问题 =》 在长时间的更新过程中，主线程会被阻塞，导致应用无法即时响应用户输入。 核心内容： 【Fiber是什么】【Fiber的底层原理】 Fiber是什么？ 当编写React组件并使用JSX时，React在底层会将JSX转换为元 阅读全文

摘要： /* 外层滚动条样式 */ ::-webkit-scrollbar { width: 10px; // height: 940px; } /* 内部可滚动区域样式 */ ::-webkit-scrollbar-thumb { height: 460.181px; background: rgba(1 阅读全文

摘要： 实例 支持在下拉分页框内输入分页条数来实现自定义分页 代码 usePageSizeSelect.js import {useEffect, useState} from "react"; import Bus from "../../utils/eventBus"; export function 阅读全文

摘要： 上传组件 DragClickUpload.tsx import {CloudUploadOutlined} from '@ant-design/icons'; import type {UploadProps} from 'antd'; import {message, Upload} from ' 阅读全文

摘要： 之前跳转代码 router.push({ path: '/appDetail', query: {id: appInfo.id}, }) 修改后 window.open(router.resolve({ path: '/appDetail', query: { id: appInfo.id } }) 阅读全文

摘要： 消息需要通过其 WebContents 实例发送到渲染器进程。 main.js const { app, BrowserWindow, Menu, ipcMain } = require('electron/main') const path = require('node:path') funct 阅读全文

摘要： 双向IPC的一个常见应用：从渲染器进程代码调用主进程模块并等待结果 【ipcRenderer.invoke】《 》【ipcMain.handle()】 main.js const { app, BrowserWindow, ipcMain, dialog } = require('electron/ 阅读全文