04 2023 档案
摘要:前言 最新项目里使用到了拖拽的功能,查阅资料后,看到一篇关于拖拽的详细文章: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
阅读全文