elementui tree节点高度自适应连线各个节点
摘要：tree.vue文件 <template> <div> <el-tree ref="treeRef" :data="treeData" node-key="atlasId" :show-checkbox="showCheckbox" :filter-node-method="filterNode"
阅读全文
posted @
2025-01-23 17:16
Tsunami黄嵩粟
阅读(31)
推荐(0) 编辑
el-select组件改造成多选显示多个标签加数字标签的形式并且点击某个默认值不允许删除
摘要：单独设置一个文件当做公共组件调用 <template> <main> <el-select ref="select" v-model="values" multiple style="width:100%" :placeholder="placeholder" @change="handleChan
阅读全文
posted @
2024-12-27 20:17
Tsunami黄嵩粟
阅读(228)
推荐(0) 编辑
html2canvas + jspdf导出pdf，文字重叠，样式不显示或者文字不显示
摘要：先在html引入cdn <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.
阅读全文
posted @
2024-06-07 10:14
Tsunami黄嵩粟
阅读(410)
推荐(0) 编辑
纯css+html+js模仿elementui组件
摘要：文件下载链接地址https://files.cnblogs.com/files/ht955/UIcomponents.zip?t=1717405975&download=true
阅读全文
posted @
2024-06-03 17:14
Tsunami黄嵩粟
阅读(11)
推荐(0) 编辑
纯css+html做emoji动态表情
摘要：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>表情
阅读全文
posted @
2024-06-03 17:10
Tsunami黄嵩粟
阅读(148)
推荐(0) 编辑
自适应显示图片高度和宽度
摘要：file.previewPath就是图片路径 this.getImageSizeFromBlobUrl(file.previewPath) .then(size => { console.log('原图大小:', size.width, 'x', size.height); const screen
阅读全文
posted @
2024-04-19 10:21
Tsunami黄嵩粟
阅读(10)
推荐(0) 编辑
bpmnjs
摘要：在 bpmn.js 中，`bpmnModeler.get()` 方法用于获取不同的模块，你可以通过这些模块来访问和操作 BPMN 模型的不同部分。以下是一些常用的模块和对应的用途： 1. **Canvas 模块：** ```javascript var canvas = bpmnModeler.ge
阅读全文
posted @
2023-11-23 17:18
Tsunami黄嵩粟
阅读(164)
推荐(0) 编辑
bpmn.js
摘要：在 BPMN.js 中，$inject 属性通常用于声明依赖注入的模块列表。这些模块会在创建对象实例时由依赖注入框架（如 AngularJS）提供。以下是在 BPMN.js 中常见的一些 $inject 属性： BpmnModeler 构造函数的 $inject： BpmnModeler.$inje
阅读全文
posted @
2023-11-16 17:53
Tsunami黄嵩粟
阅读(105)
推荐(0) 编辑
ts interface
摘要：在TypeScript中，接口（interface）用于定义对象的结构，可以描述对象的属性、方法等。下面是一个简单的例子，演示如何使用 TypeScript 接口： // 定义一个接口表示一个人的信息 interface Person { firstName: string; lastName: s
阅读全文
posted @
2023-11-14 10:33
Tsunami黄嵩粟
阅读(38)
推荐(0) 编辑
前端禁用复制
摘要：//禁用复制 disableTextSelection: function () { // 给特定的元素添加自定义属性 $("body").attr("oncontextmenu", "window.event.returnValue=false"); //禁用了鼠标右键点击时的上下文菜单。 $("
阅读全文
posted @
2023-11-14 10:19
Tsunami黄嵩粟
阅读(54)
推荐(0) 编辑
vue3 KeepAlive
摘要：在Vue.js 3中，<keep-alive> 是一个抽象组件，用于保留其子组件状态，防止在切换组件时销毁它们。这对于在页面间切换时保留组件的状态或避免重复渲染特定组件非常有用。<keep-alive> 主要用于缓存组件，以提高性能和用户体验。 以下是一个简单的例子，演示了如何在Vue.js 3中使
阅读全文
posted @
2023-11-10 11:44
Tsunami黄嵩粟
阅读(141)
推荐(0) 编辑
vue3 Suspense
摘要：在Vue.js 3中，Suspense 是一个用于处理异步组件的特殊组件，它允许你在等待异步组件加载时展示备用内容。这对于优化用户体验、处理懒加载组件或异步数据获取时非常有用。Suspense 的主要目标是简化异步操作的状态管理和展示。 下面是一个简单的例子，演示了如何在Vue.js 3中使用Sus
阅读全文
posted @
2023-11-10 11:42
Tsunami黄嵩粟
阅读(173)
推荐(0) 编辑
vue3 Teleport
摘要：在Vue.js 3中，Teleport 是一种特殊的组件，用于在 DOM 树中的任何地方渲染其内容，而不受父组件的约束。这对于需要将组件的内容移动到 DOM 树的其他部分时非常有用，例如在模态框或弹出窗口中使用。 Teleport 提供了两个名为 teleport 和 teleport-to 的指令
阅读全文
posted @
2023-11-10 11:36
Tsunami黄嵩粟
阅读(51)
推荐(0) 编辑
ts symbol 作为属性名
摘要：在 TypeScript 中，如果你希望在一个对象中使用某个 symbol 作为属性名，你必须使用中括号 [] 括起来，并在括号中放入该 symbol。 这是因为当你使用 symbol 作为属性名时，它不是一个字符串，而是一个 symbol 类型的变量。 因此，正确的写法是 [RawSymbol]:
阅读全文
posted @
2023-11-10 10:57
Tsunami黄嵩粟
阅读(59)
推荐(0) 编辑
Symbol.for()
摘要：当我们在不同的模块或文件中需要共享一个特定的Symbol时，可以使用Symbol.for()方法来实现。 假设我们有两个模块，分别是module1.js和module2.js。我们希望在这两个模块中使用相同的Symbol来表示一个特定的概念，比如"mySymbol"。 在module1.js中，我们
阅读全文
posted @
2023-11-10 10:29
Tsunami黄嵩粟
阅读(96)
推荐(0) 编辑
$.extend 和 $.fn.extend
摘要：$.extend 和 $.fn.extend 都是 jQuery 提供的方法，用于扩展 jQuery 的功能。它们的区别在于作用对象和使用场景不同。 $.extend({}): $.extend 用于扩展 jQuery 的工具方法，而不是jQuery对象本身。通过 $.extend，您可以向 jQu
阅读全文
posted @
2023-11-10 10:16
Tsunami黄嵩粟
阅读(75)
推荐(0) 编辑
async await
摘要：async 和 await 是 JavaScript 中用于处理异步操作的特性，它们使异步代码更易于编写和理解。下面我将详细解释它们，并提供一些示例来说明它们的用法。 async 函数： async 关键字用于定义一个异步函数。异步函数是返回一个 Promise 对象的函数。在异步函数内部，你可以使
阅读全文
posted @
2023-10-23 14:12
Tsunami黄嵩粟
阅读(14)
推荐(0) 编辑
ts的keyof
摘要：keyof 是 TypeScript 中的一种类型操作符，用于获取一个类型的所有键（属性名）作为联合类型。它的语法如下： type KeysOfType = keyof ObjectType; 其中： keyof 是 TypeScript 的关键字，用于指定要获取键的类型操作。 ObjectType
阅读全文
posted @
2023-10-08 11:59
Tsunami黄嵩粟
阅读(1309)
推荐(0) 编辑
在AngularJS中，控制器没有生命周期方法
摘要：在AngularJS中，控制器没有生命周期方法，但是$scope对象有一些事件，可以模拟生命周期方法的行为。例如，$scope.$on('$destroy', function() {...})可以在控制器销毁时执行一些操作。 (function (angular) { 'use strict';
阅读全文
posted @
2023-08-04 16:52
Tsunami黄嵩粟
阅读(19)
推荐(0) 编辑
vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
摘要：先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了
阅读全文
posted @
2023-07-07 15:00
Tsunami黄嵩粟
阅读(350)
推荐(0) 编辑
