F-dragon - 博客园

[置顶] vue + gojs 实现拖拽流程图（二）

摘要：

一、项目的迭代。从数据结构到ui风格的整体重构，这个项目又有了新的变化。整体流程如图一：模块流程侧边设置图二：伸缩当前灰色意图如图三：为什么收起意图会有多条连线，是因为当前模块下的意图和部分模块有关系线，所以在收起时要知道当前模块下有几个意图和其他模块有关系。二、整体用的js方法（一阅读全文

posted @ 2021-05-11 11:39 F-dragon 阅读(635) 评论(0) 推荐(1) 编辑

[置顶] vue + gojs 实现拖拽流程图（一）

摘要：

一、流程图效果最近一段时间在研究go.js,它是一款前端开发画流程图的一个插件，也是一个难点，要说为什么是难点，首先，它是依赖画布canvas知识开发。其次，要依赖于内部API开发需求，开发项目需求的时候就要花费大量的时间去熟悉go.js的API，然后才能进行开发。话不多说，我就先把我最近做的项目阅读全文

posted @ 2020-08-16 15:45 F-dragon 阅读(6300) 评论(23) 推荐(7) 编辑

vue3 二次封装element-plus的弹框el-dialog，增加了最小化、弹出位置 title字体色、header背景色、关闭图标色等功能

摘要：一、利用一个小时简单二次封装了element-plus的弹框el-dialog，根据项目需求主要增加了最小化、最小化icon、弹出位置、 title字体色、header背景色、关闭图标色。代码如下： <template> <el-dialog v-bind="$attrs" :style="{ma 阅读全文

posted @ 2023-03-10 12:59 F-dragon 阅读(4494) 评论(0) 推荐(0) 编辑

vue3和vue2的区别

摘要： 1、vue3完全支持typescript，提高项目的可维护性2、Fragment：模板更简单。 vue3用到了一个虚拟的父级，可以多个根节点dom vue2只能有一个父级节点3、vue2用 new Vue(); vue3用createApp(); 多个实例时，vue2中的vue实例共享一个Vue构造阅读全文

posted @ 2022-11-20 17:27 F-dragon 阅读(1026) 评论(0) 推荐(0) 编辑

ElementUI常遇到的一些问题

摘要：一、form 下面只有一个 input 时回车键刷新页面原因是：触发了表单默认的提交行为，给el-form 加上 @submit.native.prevent 就行了。 <el-form inline @submit.native.prevent> <el-form-item label="编号" 阅读全文

posted @ 2022-01-29 11:45 F-dragon 阅读(453) 评论(0) 推荐(0) 编辑

HTTP强缓存和协商缓存

摘要：一、浏览器缓存 Web 缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间。借助 HTTP 缓存，Web 站点变得更具有响应性。 (一)、缓存优点：减少不必要的数据传输，节省带宽减少服务器负担，提升网站性能加快客户端加载网页的速度，用户体验友好 (二)、缓存缺点：服务端资源更新后，客阅读全文

posted @ 2021-12-19 12:53 F-dragon 阅读(859) 评论(0) 推荐(0) 编辑

vue在线编辑excel 报错：TypeError: this.getOptions is not a function

摘要：今天在安装完x-data-spreadsheet后编译时，报出less-loader 错误文图，如下图：原因： less-loader的版本过高。解决方案： 1. npm uninstall less-loader 2. npm install less-loader@5.0.0 阅读全文

posted @ 2021-02-02 14:18 F-dragon 阅读(7728) 评论(2) 推荐(1) 编辑

（新手篇） react 用create-react-app命令创建一个项目运行npm run eject 命令报错问题。。。。。

摘要：一、报错问题：二、意思是说：删除未跟踪的文件，隐藏或提交任何更改，然后重试。 npm错误！代码消除周期 npm错误！错误1 npm错误！react应用程序@0.1.0弹出：`react脚本弹出` npm错误！退出状态1 npm错误！ npm错误！在react应用程序@0.1.0弹出脚本。 np 阅读全文

posted @ 2020-12-05 15:15 F-dragon 阅读(254) 评论(0) 推荐(0) 编辑

解决React路由跳转时出现的红色警告： Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.

摘要：一、报警如图：二、查找路由版本我使用路由版本是4.3.1的,然后我测试所有4.0+版本都会出现以上警告。三、未解决前的代码三、我又解读了一下报警告内容的大致意思：就是props需要通过函数返回而不是对象。那是不是可以换种写法把props当作参数传递给路由呢。然后就尝试了一下props传的方式阅读全文

posted @ 2020-03-15 22:16 F-dragon 阅读(9995) 评论(0) 推荐(0) 编辑

vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

摘要：今天在写vue项目配置好路由点击菜单时，突然在控制台报错。错误信息如下： Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}；错误截图：阅读全文

posted @ 2019-08-14 22:20 F-dragon 阅读(21365) 评论(0) 推荐(5) 编辑