树形 结构vue3 tree
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
用quasar+vue3+组合式api VueRouter实现路由嵌套（二级路由）
前言： 本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。 效果图： 文件目录结构和代码如下： 文中用到的标题栏数据如下： const titles = ref([ { name: "首页", path: "ho ......
Vue3中点击按钮滚动页面到低端
核心代码 <template> <div ref="editflagNode"></div> <div v-if="route.query.flag '1' || route.query.flag '3'"> <Title v-if="btnFlag || taskDetail.taskConclu ......
[转载]php递归生成树形结构（几种常见的数据结构）
版权声明：本文为CSDN博主「陈文焕」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_23116221/article/details/109910846 pid找上级id $array = array( ......
论结构化、系统性的学习
在大的工作环境以及普遍的生活压力下。对以后充满了迷茫。 尤其是30多岁以后的人生。 中年的危机与焦虑如何避免？ 职场的规划与路线怎么制定？ 生活的压力与焦灼如何解决？ 家庭的压力..... 其实主要还是职场的规划。人，一般来说，对于百分之九十九以上的人，都是要工作的。那么在国内这样的中年危机普遍存在 ......
自己动手，通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果
最近更新一个Blazor server的项目，顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4，结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了，从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果，为了节省用户沟通成本（就是懒得跟最终用户费口舌解 ......
go语言基础-基本数据结构
0x00 基本数据结构 go语言中，除了基本的整型、浮点型、布尔型、字符串外，还有数组、切片、结构体、函数、map、通道（channel）等。 0x00 整型（int） 整型分为以下两个大类： 按长度分为：int8、int16、int32、int64 对应的无符号整型：uint8、uint16、ui ......
vue2+jsx与vue3+jsx插槽的写法
1.vue2 + jsx (1)slot组件 <template> <div class="index"> <h2>slotdemo -- 组件调用成功</h2> <slot name="title"></slot> <slot></slot> </div> </template> （2）调用 <s ......
javascript数据结构与算法学习笔记
1. 栈结构 1.1 栈的介绍 栈是一种遵循后进先出(Last In First Out / LIFO) 原则的一种有序集合。 新添加或者要删除的元素都会保存在栈的同一端，我们把它叫做栈顶，另外一端叫做栈底。 1.2 栈的方法 push：将数据压入栈 pop：删除并返回栈顶元素（此方法会修改栈） p ......
树形DP
树形DP 给出一棵树，要求以最少代价（或最大收益）完成给定的操作。 基本操作 树的遍历，用DFS从根节点开始进行记忆化搜索 从树最深处开始往回进行DP，用子节点dp值来更新父节点dp值 复杂度分析：遍历每个节点，总复杂度为$O(n)$ 例题 某大学有 $n$ 个职员，编号为 $1\ldots n$。 ......
计算机组成原理-指令集体系结构(一)
计算机的指令集体系结构(ISA)从汇编语言程序员的角度描述了计算机，并强调了计算机的功能，而不是它的内部组成实现。ISA说明了计算机能做什么，而计算机组成则说明了它是如何做的。 学习目标： 1.分析存储程序计算机并演示指令如何执行。 2.了解存储器-存储器、寄存器-存储器、寄存器-寄存器等操作的指令 ......
4月12日数据结构，线索二叉树，哈夫曼树，哈夫曼编码
线索二叉树与以往的二叉树略有不同，普通二叉树在访问到叶子结点的时候会返回，往往递归的效率并不高，有时还可能有栈溢出的风险，但是线索二叉树在访问到叶子结点的时候因为没有左右孩子，所以他左边存放他前驱的指针。右边存放后继的指针，是指从一个非线性结构变成了一个可以线性访问的的结构，特别是在中许下直接找到他 ......
Go语言入门6（struct 结构体）
结构体 结构体是一种聚合的数据类型，是由零个或多个任意类型的值聚合成的实体。每个值称为结构体的成员 结构体声明 type + 结构体名 + struct + {成员列表} :star:如果结构体成员名字是以大写字母开头的，那么该成员就是导出的。这是Go语言导出规则决 定的。一个结构体可能同时 ......
Planting Trees (双指针+ 单调队列优化处理)
题目大意: 给出一个矩阵, 和M ,找到一个最大的子矩阵,使得里面的最大值-最小值的差值小于 M 思路: 关键信息是最大和最小, 就保留这个信息即可 然后考虑如何枚举每一个矩阵? 枚举矩阵的上下边界, 然后在考虑矩阵的左右边界, 左右边界处理的时候, 这一列的最大最小值,可以通过枚举上下边界的时候线 ......
C++下有虚函数对象的内存结构
我一直对有多重继承，且有虚函数或者虚继承的对象内存有一些疑惑 在《深度探索C++对象模型中》做出了解释，下面俩个图就可以解释。 方式一：如果对象多，可能占用内存 方式二： ......
Vue3为dom组件增加 自定义可拖拽改变大小的指令（属性）
添加如下js文件resizable.js： 1 // 支持上下左右四边拖动。若内部元素太贴边，不易触发拖动事件，最好在拖动一边加边框，使鼠标容易选中。 2 // 使用方式： 3 // <div v-resizable="'right, bottom'"> 4 export default { 5 i ......
解决antv x6 树形图在IE浏览器的兼容性问题（已兼容IE9及以上）。
因为是给老项目做的树形图展示，框架比较老，使用了传统的html+js代码开发。使用了antv x6 来渲染一颗多级树形结构的图，开发完后在firefox、edge、chrome等现代浏览器上均可正常显示。但甲方客户想在ie浏览器上也能用，所以做了以下尝试，通过不断摸索、调试的艰难过程，终于大功告成。 ......
Java构建树结构的公共方法
一、前提 pId需要传入用来确认第一级的父节点，而且pId可以为null。 树实体类必须实现：TreeNode接口 MyTreeVo必须有这三个属性：id、pId、children 可以根据不同需求，配置TreeNode和MyTreeVo中固定的属性 二、代码 定义TreeNode接口 public ......
ET Entity Tree 工具
目标 对整体 Entity 组件的树形图进行绘制 多个 Child 要有效区分，如 Unit、Scene 选中 Entity 时，可以查看 Entity 的属性 有办法查看 Unit 上挂载的 NubericComponent 中具体的属性 具体实现 第一条树形图的绘制没什么好说的，本身就是 Uni ......
基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件，自动全局导入api的注意事项
1.首先安装插件 npm install unplugin-auto-import @vitejs/plugin-vue -D 2.安装完成后在vite.congfig.ts中配置，红色部分就是关于插件的基础自动导入部分，这样就可以将vue和router的相关api全局导入了， import A ......
BS结构的系统通信原理（没有涉及到java小程序）
B/S结构的系统通信原理（没有涉及到java小程序） WEB系统的访问过程 第一步：打开浏览器 第二步：找到地址栏 第三步：输入一个合法的网址 第四步：回车 第五步：在浏览器上会展示相应的结果 关于域名： http://www.baidu.com/(网址) www.baidu.com是一个域名 在浏 ......
Vue3中的Component之间的消息传递
Vue3中的父子之间的消息传递可以通过Emit进行消息传递.详细参见Vue3的官方文档Event的说明https://vuejs.org/guide/components/events.html#declaring-emitted-events 官网中的文档读起来稍微有点费解,这里阐述一下,其实就是 ......
Vue3+element-plus封装文字超出一行，省略号显示，鼠标悬浮展示全部
1.组件封装 <template> <el-tooltip effect="dark" :disabled="isShowTooltip" :content="content" placement="top"> <p :class="['line1', className]" @mouseover= ......
Vue3+Vite 动态修改svg图片颜色
首先需要以组件形式使用svg，请先看这篇文章：vite中加载使用svg 可能是跟原博主使用的svg格式不同，用:style="{ color: color }"修改颜色不生效，因此做了一点修改，此修改适用的svg如下： 在iconfont官网收藏下载的svg格式图标，打开文件删除其中的fill=xx ......
uni-app vue2升级vue3过程中遇到的问题总结
首先是在升级的过程中，项目跑不起来，相关的问题不贴图了，解决办法简单粗暴，就是卸载，重装最新版Hbuilder X。可以解决一大部分问题。 再次，会出现如下报错： 是因为我在main.js中app.use 的问题，直接注释。然后发现还有如下问题： 排查了好久才发现，是因为写在app.vue中的检测小 ......
数据结构和算法笔记
目录 1.汉诺塔问题 2.顺序查找 3.二分查找 4.冒泡排序 5.选择排序 6.插入排序 7.快速排序 8.堆排序 1.汉诺塔问题 汉诺塔问题可以分为三步(假设有n个盘子): 1.将n-1个盘子从a经过从移动到b 2.将第n个盘子从a移动到c 3.将n-1个盘子从b经过a移动到c 参数意义: 1. ......
关于程序流程图中条件结构和循环结构的思考
程序流程图用来表示程序的执行过程，可以很方便地用于理清思路 程序的基本流程结构包括：顺序结构、分支结构和循环结构 在程序流程图中，分支结构表示为： 循环结构表示为： 可见开始时都是一个判断条件（菱形表示），根据判断条件的真假走不同的分支， 分支结构在判断条件下面是两个顺序结构，循环结构有一个回转语句 ......
请封装⼀个⽅法，将以下树形数据转换成期望的格式
转化前 const list = [ {id:1}, {pid:1,id:2}, {id:3}, {pid:3,id:4}, {pid:4,id:5} ] 转化后 [{ id:1, children:[{ pid:1, id:2 }] }, { id:3, children:[{ pid:3, id ......