摘要: https://juejin.cn/post/7283306395913617427 <script setup> import { ref, onBeforeUnmount } from 'vue' defineProps({ srcdoc: { type: String, default: '' 阅读全文
posted @ 2024-05-09 18:59 Felix_Openmind 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 概论: 什么是Diff算法?为什么要使用diff算法? 手写Vue的diff算法 手写React的diff算法 diff去比较虚拟DOM =》找出差异点(需要更新一个虚拟DOM) =》真实DOM =》render Vue中diff算法实现:https://blog.csdn.net/weixin_6 阅读全文
posted @ 2024-05-04 23:07 Felix_Openmind 阅读(1) 评论(0) 推荐(0) 编辑
摘要: fix: 修复Bug feat:新增功能 build:修改项目构建系统,eg:修改依赖库或升级版本... chore: 对非业务性代码进行修改,修改构建流程或工具配置等 docs:修改文档 style:修改代码的样式,eg:调整缩进、空格、空行等 refactor:重构代码,eg:修改代码结构、变量 阅读全文
posted @ 2024-05-01 16:23 Felix_Openmind 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 参考: https://juejin.cn/post/7358446362575355914 <template> 请选择: <a-select v-model:value="keyValue" allowClear mode="SECRET_COMBOBOX_MODE_DO_NOT_USE" sh 阅读全文
posted @ 2024-04-23 10:12 Felix_Openmind 阅读(35) 评论(0) 推荐(0) 编辑
摘要: document.addEventListener("visibilitychange", function() { if (document.visibilityState 'visible') { // 当前页签处于活跃状态 console.log('当前页签处于活跃状态'); } else { 阅读全文
posted @ 2024-04-22 18:58 Felix_Openmind 阅读(2) 评论(0) 推荐(0) 编辑
摘要: <span class="role-name role-count-info"> {{ roleCountInfo }} <div class="all-roleName-box"> <li v-for="(roleName, index) in roleListNames" :key="index 阅读全文
posted @ 2024-04-19 10:43 Felix_Openmind 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 放大图片组件 img-preview.vue <template> <div class="preview" @click="onClick" @keydown="onKeydown"> <div class="preview-img" > <img :src="src" alt /> </div> 阅读全文
posted @ 2024-04-18 19:37 Felix_Openmind 阅读(21) 评论(0) 推荐(0) 编辑
摘要: const imgRegEx = /<img.*?>/gi; const handleChange = (editor) => { console.log('change:', editor.getHtml()) const richText = valueHtml.value valueHtml. 阅读全文
posted @ 2024-04-18 19:18 Felix_Openmind 阅读(95) 评论(0) 推荐(0) 编辑
摘要: body{ filter: grayscale(1); } //或者 html.gray-mode { filter: grayscale(.95); -webkit-filter: grayscale(.95); } 其他 blur 模糊-webkit-filter:blur(2px); brig 阅读全文
posted @ 2024-04-16 15:44 Felix_Openmind 阅读(6) 评论(0) 推荐(0) 编辑
摘要: border有个border-image的属性,类似background也有个background-image一样,通过为其设置渐变颜色后,实现的渐变,后面的数字4为x方向偏移量 .border-grident{ margin-top: 20px; width: 200px; height: 200 阅读全文
posted @ 2024-04-16 15:41 Felix_Openmind 阅读(2) 评论(0) 推荐(0) 编辑