如意酱

摘要： 数据显示不出来了？不要放张！ 一开始大为震惊，查询了很多资料，也检查了很多遍代码。 有人说是ui库版本问题，有人说是代码没写对参数。 最后的最后，看到一篇文章，给我的灵感。 参考：https://blog.csdn.net/supming1/article/details/121253919?spm 阅读全文

摘要： M 封装和处理数据的 V 展示数据的 C 处理服务器请求和业务逻辑的 mvc的好处：强调责任分离，降低耦合性，方便维护代码 mvc的缺点：单向联系，需要被迫写许多代码，分层比较鸡肋，c层过于单薄 M 封装和处理数据的 V 展示数据的 P 中间人，可对两边进行双向传递 mvp的好处：增强了灵活性 mv 阅读全文

摘要： <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 阅读全文