04 2022 档案
摘要：<div class="love"></div> .love { position: relative; top: 30px; left: 50%; width: 30px; height: 30px; background-color: pink; } .love:before { content
阅读全文
摘要：动画：先放大 再消失 <template> <div class="app"> <div> <button @click="show = !show">切换</button> </div> <!-- 插入DOM元素和移除dom元素动画同时进行 --> <transition name="h1"> <
阅读全文
摘要：首先放上一张vue兼容性的图 vue项目于IE浏览器的兼容性问题(针对promise问题) 一，VUE项目一般会使用axios，而axios又是基于promise的，所以，IE任何版本都不支持（trident内核的全不行） 解决方案一： /*ie兼容 Promise*/ isIE(); functi
阅读全文
摘要：mitt又称事务总线，是第三方插件。 Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。 优点 首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者 Vue，甚至 jQuer
阅读全文
摘要：如图所示，没有传统穿梭框中间的箭头，操作更加方便，左侧选择后进入到右侧，并且可以对右侧所选项进行删除，从而左侧勾选也会对应取消。并且带搜索框。 代码如下： （涉及到深拷贝的一些知识） <template> <div style="display: inline-block"> <!-- 下拉选择 -
阅读全文
摘要：学习babel： 简单来说： 一段ES6代码，首先经过词法分析器，把代码分割成一段一段的放入tokens数组里，然后进入真正的语法分析，分析完了以后 会用抽象语法树的形式表现出来，接着遍历这个语法树， 当访问到要转换的关键字的时候，应用插件进行转换，最后生成新的语法树，从而得到目标源代码。 参考文章
阅读全文
摘要：css中postcss的插件Autoprefixer是什么？ Autoprefixer是一款自动管理浏览器前缀的插件，可以解析css文件并且添加前缀到css内容里。 优点： （1）、写纯净的css，不必学习特殊语言（如Sass），也不必记住其使用环境；（2）、与最新的规则同步； 使用： npm in
阅读全文
摘要：效果如图： 代码如下： <template> <div class="order-wrap" @click="orderFn"> <span class="text">{{ reverse ? "正序" : "倒序" }}</span> <span class="triangle"> <i clas
阅读全文
摘要：提取公共方法： import { copyDomText } from "@/untils/common.js"; 使用： //复制 const copyCode = (val) => { copyDomText(val); }; common.js文件 import { ElMessage } f
阅读全文
摘要：总结几句话： 相同点： 都能改变this的指向 都能传递参数 都能通过方法"."方法名调用 不同点： 函数名不同 参数传递方式不同 改变this指向的时机不同(bind在复制时改变，其他两个在调用时改变) 参数传递时机不同 参数传递方式： let f = f1.call(obj,1,1,1); le
阅读全文
