Felix_Openmind

摘要： 概论： 什么是Diff算法？为什么要使用diff算法？ 手写Vue的diff算法 手写React的diff算法 diff去比较虚拟DOM =》找出差异点(需要更新一个虚拟DOM) =》真实DOM =》render Vue中diff算法实现：https://blog.csdn.net/weixin_6 阅读全文

摘要： fix: 修复Bug feat：新增功能 build：修改项目构建系统，eg：修改依赖库或升级版本... chore: 对非业务性代码进行修改，修改构建流程或工具配置等 docs：修改文档 style：修改代码的样式，eg：调整缩进、空格、空行等 refactor：重构代码，eg：修改代码结构、变量 阅读全文

摘要： 参考： https://juejin.cn/post/7358446362575355914 <template> 请选择： <a-select v-model:value="keyValue" allowClear mode="SECRET_COMBOBOX_MODE_DO_NOT_USE" sh 阅读全文

摘要： document.addEventListener("visibilitychange", function() { if (document.visibilityState 'visible') { // 当前页签处于活跃状态 console.log('当前页签处于活跃状态'); } else { 阅读全文

摘要： <span class="role-name role-count-info"> {{ roleCountInfo }} <div class="all-roleName-box"> <li v-for="(roleName, index) in roleListNames" :key="index 阅读全文

摘要： 放大图片组件 img-preview.vue <template> <div class="preview" @click="onClick" @keydown="onKeydown"> <div class="preview-img" > <img :src="src" alt /> </div> 阅读全文

摘要： const imgRegEx = /<img.*?>/gi; const handleChange = (editor) => { console.log('change:', editor.getHtml()) const richText = valueHtml.value valueHtml. 阅读全文

摘要： body{ filter: grayscale(1); } //或者 html.gray-mode { filter: grayscale(.95); -webkit-filter: grayscale(.95); } 其他 blur 模糊-webkit-filter:blur(2px); brig 阅读全文

摘要： border有个border-image的属性，类似background也有个background-image一样,通过为其设置渐变颜色后，实现的渐变，后面的数字4为x方向偏移量 .border-grident{ margin-top: 20px; width: 200px; height: 200 阅读全文

摘要： useModal.js import { nextTick, ref } from 'vue' import {isFunction} from "lodash-es"; export function useModal() { const visible = ref(false) const lo 阅读全文