Felix_Openmind

摘要： 可增减输入框 组件代码 <template> <div class="custom-report-row" v-for="(row, index) in reportTimeList" :key="index"> <a-date-picker v-model:value="row.reportTim 阅读全文

摘要： Vue3中的依赖注入API： Provide和Inject，实现祖先组件向后代组件传递数据，避免props逐层传递的繁琐 Provide(提供者） 祖先组件通过provide()提供数据 const count = ref(0) // 提供静态数据 provide('appName', 'My Ap 阅读全文

摘要： 示例 核心组件 SwiperModal.vue <template> <div v-if="visible" class="swiper-modal"> <div class="modal-overlay" @click="close"></div> <div class="modal-conten 阅读全文

摘要： tailwind.config.js是Tailwind CSS的配置文件，定制化Tailwind的默认配置 可自定义颜色、间距、字体、断点 /** @type {import('tailwindcss').Config} */ module.exports = { // 指定Tailwind CSS 阅读全文

摘要： <a-select v-model:value="record.positions" placeholder="请选择" show-search :filterOption="filterOption" @change="(value, option) => onSelect(value, opti 阅读全文

摘要： const routerStatic = new VueRouter({ mode: 'history', /*hash模式改为history*/ base: process.env.BASE_URL, routes // （缩写）相当于 routes: routes }) export defau 阅读全文

摘要： <a-select v-model:value="checkedUserLeader" label-in-value :show-search="true" placeholder="请输入" style="width: 100%" :filter-option="false" :not-found 阅读全文

摘要： 改造前 改造后 CustomTab.vue使用 <CustomTab :tabOpts="tabOpts" /> const tabOpts = ref([{ label: '待审核', value: '1' }, { label: '已审批', value: '2' }]) 封装组件 Custom 阅读全文

摘要： 相关代码题目setState import React, {Suspense, lazy, useState, useEffect} from "react"; // JSX、VDOM、diff算法、Fiber架构、并发模式、合成事件 // 为什么React需要Fiber并发模式而Vue不需要 ？？ 阅读全文

摘要： Chromimum的Blink引擎的结论： 一个渲染帧内commit的多次DOM改动会被合并渲染 耗时JS会造成丢帧 渲染帧间隔为16ms左右 避免耗时脚本、交错读写样式以保证流畅的渲染 渲染帧：浏览器一次完整绘制过程。帧之间的时间间隔是DOM视图更新的最小间隔 主流的屏幕刷新频率都在60Hz，则渲 阅读全文