解决vue-cli 卸载不掉的问题
目录 问题 解决方法 安装后问题一 安装后问题二 nodejs版本最好在v17以下，推荐使用v16.19.0 问题 由于项目需要旧版的 vue-cli ，所以需要事先卸载新版本；运行命令全局卸载： yarn global remove @vue/cli // 查看当前版本确定是否卸载 »
解决vue-cli 卸载不掉的问题
目录 问题 解决方法 安装后问题一 安装后问题二 nodejs版本最好在v17以下，推荐使用v16.19.0 问题 由于项目需要旧版的 vue-cli ，所以需要事先卸载新版本；运行命令全局卸载： yarn global remove @vue/cli // 查看当前版本确定是否卸载 »
Vue中CSS scoped的原理详细讲解
目录 前言 示例 webpack.config.js配置 vue-loader工作流 VueLoaderPlugin vue-loader vue文件解析 依赖解析 新的依赖解析 总结 前言 在日常的Vue项目开发过程中，为了让项目更好的维护一般都会使用模块化开发的方式进行。也就是 »
vue LogicFlow更多配置选项示例详解
目录 ?推荐几个好用的工具 进入正题 1. 设置主题 Theme： 2. 设置网格 Gird： 3. 设置对齐线 Snapline： 4. 设置背景 Background： 5. 设置键盘快捷键 Keyboard： 6. 设置图编辑方式： 总结 ?推荐几个好用的工具 var-con »
vue LogicFlow更多配置选项示例详解
目录 ?推荐几个好用的工具 进入正题 1. 设置主题 Theme： 2. 设置网格 Gird： 3. 设置对齐线 Snapline： 4. 设置背景 Background： 5. 设置键盘快捷键 Keyboard： 6. 设置图编辑方式： 总结 ?推荐几个好用的工具 var-con »
Vue 中 Promise 的then方法异步使用及async/await 异步使用总结
目录 1.Promise 的 then 方法使用 2. async await 使用 3. async/await处理多个异步请求 1.Promise 的 then 方法使用 then 方法是 Promise 中 处理的是异步调用，异步调用是非阻塞式的，在调用的时候并不知道它什 »
前端JS也可以连点成线详解(Vue中运用AntVG6)
目录 前言 快速上手 写在最后 前言 什么是 G6？G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的 Insight。其实说白了就是我们前端中的绘图工具；基于 G6，用户可以快速搭建自己的 图分析 或 图 »
Vue自定义指令实现点击右键弹出菜单示例详解
目录 一、实现思路 1.使用contextmenu事件 2.点击菜单之外的任意地方关闭菜单 3.菜单置于图层的最顶层 二、源代码 一、实现思路 1.使用contextmenu事件 该需求需要拦截浏览器的右击事件，更改为自定义监听事件，可使用@contextmenu.preve »
vue LogicFlow自定义边实现示例详解
目录 ?推荐几个好用的工具 进入正题 1. 认识自定义边（Edge）模板： 2. 优先进行注册和使用： 2.1 注册自定义 Edge： 2.2 如何使用自定义 Edge： 3. 自定义 Edge 的 Text & Outline 的风格： 4. 开启边（Edge）动画： 5. 自定 »
vue引入element-ui之后,页面是空白的问题及解决
目录 vue引入element-ui之后,页面是空白的 1、确定项目是vue几 2、vue2引入element-ui的方法 3、vue3引入element-ui的方法 vue项目页面空白的几个原因及解决 背景 总结 vue引入element-ui之后,页面是空白的 vue引入elem »
Vue首屏时间指标采集最佳方式详解
目录 前言 Performance timing 自动化采集和思考 MutationObserver 监听根节点的 dom 节点数量 我的方案 实现： 设置组件最大加载时间 怎么兼容骨架屏完成的情况 结论 前言 SPA项目中，首屏加载速度都是老生常谈的问题了，首屏时间直接反应了 »
Vue首屏时间指标采集最佳方式详解
目录 前言 Performance timing 自动化采集和思考 MutationObserver 监听根节点的 dom 节点数量 我的方案 实现： 设置组件最大加载时间 怎么兼容骨架屏完成的情况 结论 前言 SPA项目中，首屏加载速度都是老生常谈的问题了，首屏时间直接反应了 »
手把手教你使用electron将vue项目打包成exe
目录 一、前言 二、实现方法 1.跑通示例代码 electron-quick-start 2.打包自己的 vue 项目 3.将vue项目整合到示例代码中打包exe 总结 一、前言 node.js 版本要在 17+ 建议使用 17.9.1 的 node 和 8.11.0 的 npm »
Vue开发实例探究key的作用详解
目录 前言 为什么不推荐使用 index 作为 key？ 如果 key 重复会导致什么样的错误？ 使用 key 和不使用 key 有什么差别？ key的实际应用 上述结论在Vue3中也成立吗？ 总结 使用key 不使用key 前言 一提到 vue 中的 key，你会想到什么？使用v »
vue开发之LogicFlow自定义业务节点
目录 推荐几个好用的工具 进入正题 1. 认识自定义业务节点模板： 2. 优先进行注册和使用： 2.1 注册自定义业务节点： 2.2 如何使用自定义业务节点： 3. 自定义业务节点样式： 4. 自定义业务节点形状： 5. 自定义业务节点外观： 6. 重启项目预览效果： 总结 »
Springboot Vue实现单点登陆功能示例详解
目录 正文 简单上个图 先分析下登陆要做啥 怎么落实？ 上代码 接口： token生成部分 刷新token 验证token 正文 登陆是系统最基础的功能之一。这么长时间了，一直在写业务，这个基础功能反而没怎么好好研究，都忘差不多了。今天没事儿就来撸一下。 以目前在接触和学习的一个开源 »
前端小技能之Vue集成百度离线地图功能总结
目录 引言 需求： 技术栈 开始 1、项目搭建 2、文件说明及避坑大法 3、地图搭建准备工作 瓦片图下载 总结 引言 工作中遇到了一个需求，要在内网使用百度地图，那么肯定就是离线的地图了，查阅了一些博文，开发过程中也遇到了各种各样的问题，在此做下记录，希望带大家避坑，也给自己这两天 »
Vue实现生成二维码的简单方式
目录 前言 ①首先创建一个vue项目 ②引入qrcodejs2 ③封装组件 1. 创建Vue文件 2. 定义template模板 3. 引入QRCode包 4. 进行封装 5. less控制样式 ④启动项目 1. 在终端输入启动项目命令 2. 在浏览器中输入访问地址 3. 访问生成的二维码 »
如何基于Vue制作一个猜拳小游戏
目录 前言： 项目效果展示： 代码实现思路： 实现代码： 总结： 前言： 在工作学习之余玩一会游戏既能带来快乐，还能缓解生活压力，跟随此文一起制作一个小游戏吧。 描述：石头剪子布，是一种猜拳游戏。起源于中国，然后传到日本、朝鲜等地，随着亚欧贸易的不断发展它传到了欧洲，到了近现代逐渐风靡世 »
vue中Vue.set()的使用以及对其进行深入解析
目录 Vue.set()使用 Vue.delete()的使用 Vue.set()方法原理解析 总结 Vue.set()使用 vue 在实例上添加新的属性的时候，该属性，并不是响应式的。同样删除某一属性的时候，也不会实时渲染到页面上。 比如： <p> 年龄：{{obj.a »