摘要：
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab 阅读全文
摘要：
前言 项目里有时候使用到类似于收缩展开的功能，不设置动画会显得过程很生硬，记录下项目里有使用过的收缩展开的动画实现方式。 方式一：element UI 的折叠动画 如果项目使用到 element UI 可以引入如下组件，实现动画效果： 1、引入组件 import 'element-ui/lib/th 阅读全文
摘要：
实现效果 实现步骤 新建一个 drag.js 注册拖拽指令 import Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一：指令的名称，定义时指令前面不需要写v- //2.参数二：是一个对象，该对象中有相关的操作函数 //3.在调用的时候必须写v 阅读全文
摘要：
前言 项目中有个需求是，一段句子，高亮多个关键字，记录下实现的思路。 需要实现高亮的句子： JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编 阅读全文
摘要：
问题 在使用 innerHtml 拼接 html 渲染页面时，拼接的 html 里有使用到 class 修改样式，从控制台上看，class 是有的，但是不生效。 部分代码： 效果： 从图上看，class 是 hight-text 但是，渲染到页面上后，样式没有生效 【解决方法】使用样式穿透进行修改样 阅读全文
摘要：
前言 项目中经常使用到 el-select 组件，默认的 el-select 组件样式不符合项目实际需要，需要进行样式修改，这里记录下样式的修改步骤。 借鉴文章：https://blog.csdn.net/qq_26695613/article/details/127870263 实现过程 官方文档 阅读全文
摘要：
前言 项目里使用webpack的代码混淆工具 webpack-obfuscator，当打包代码时，出现如下报错： TypeError: Cannot read property 'tap' of undefined 原因 项目的webpack版是4.x ，而 webpack-obfuscator 的 阅读全文
摘要：
前言 项目中经常使用到 console.log 进行调试打印数据，如果想下载 console 打印的数据，可进行如下配置： 配置 (function (console) { console.save = function (data, filename) { if (!data) { console 阅读全文