树形 结构vue3 tree
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
学习Vue3 第五章(Vue核心虚拟Dom和 diff 算法)
介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM? 一个dom上面的属性是非常多的,所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图,所以 diff 算法本质上就是比较两个js对象的差异 特 ......
小心C#中的只读结构体成员
示例 我们先来看一段结构体的代码 (基于 VS2022 + .NET 8.0) public struct MyStruct(int number) { public int Number = number; public void SetNumber(int number) => Number = ......
数据结构(二)
数据结构是计算机存储、组织数据的方式。是指相互之间存在一种或多种特定关系的数据元素的集合通常情况下,精心选择的数据结构可以带来更高的运行或者存储效率 数据结构-栈 数据进入栈模型的过程称为:压/进栈数据离开栈模型的过程称为:弹/出栈 栈是一种数据先进后出的模型 数据结构-队列 数据从后端进入队列模型 ......
数据结构
数据结构是一门研究非数值计算的程序设计问题中的操作对象,以及它们之间的关系和操作等相关问题的学科。 基本概念 数据:是描述客观事物的符号,是计算机中可以操作的对象,是能被计算机识别,并输入给计算机处理的符号集合。 数据元素:是组成数据的、有一定意义的基本单位,在计算机中通常作为整体处理,也被称为记录 ......
如何动态展开el-tree的某个子节点
需求: 当添加文件夹或者表单时展开该节点 addChildDirectory(node, data) { this.$nextTick(() => { // 重命名时展开改文件夹 this.$refs.tree.store.nodesMap[data.id].expanded = true; }); ......
vue3 项目中出现的空白页面的总结(巨坑)
一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题,不是路由懒加载的原因,是在点击路由完整的状态下,点击菜单跳转页面,出现的空白页面,不能触发页面中任何钩子函数,但是路由是跳了的,重新刷新页面,页面内容即可出现,而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
学习Vue3 第四章 vue指令
指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏(切换真假DOM) v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏(di ......
Vue3 第三章
Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 ......
计算机体系结构与性能总结
计算机总体体系结构 如上图,计算机从硬件到软件,而计算机系统结构就处于连接硬件与软件之间。底层为实际机器,即更偏向硬件,使用机器语言,高层为虚拟机器,即更偏向软件,使用汇编语言可转化为机器语言,这是软硬件相连节点,更高级即为高级语言。 提升计算机系统性能时,总共有以下几种方法依据:定量原理,加快经常 ......
Vue3 + ant-design-vue@3.2.15 + UploadPictureCard
<template> <a-upload name="file" v-model:file-list="showFileList" list-type="picture-card" :multiple="multiple" :max-count="maxCount" :before-upload=" ......
Vue3 第二章(配置环境)
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......
【源码系列#02】Vue3响应式原理(Effect)
专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive , reactive 的实现是由 proxy 加 effect 组合,上一章节我们利用 proxy 实现了 ......
CF1901E Compressed Tree(树dp)
Problem 题目地址 Solution 来自fcy大佬的思路 记 \(f_u\) 表示假定以 \(u\) 为根的子树,在压缩后,(子树内的某一个点(包括 \(u\)))可以向外(除\(u\)为根的子树外所以点的集合)连一条边时的最大 \(sum\)。换言之,我们把树拆成 以\(u\)为根的子树( ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码: 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用,并将在TypeScript 5.5中停止使用。要消除此错误, 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue3中 使用v-for嵌套 获取其他数组中的值作为key值 渲染数据
<tbody> <tr v-for="(row, idx) in rows" :key="idx"> <td v-for="(item, key) in title" :key="key">{{ row[key] }}</td> </tr> </tbody> rows是一个数组,但是我不知道他的键值 ......
结构
论文:https://arxiv.org/abs/1706.03762 结构: 1. 输入 2. 编码器(Encoder)N个 3. 解码器(Decoder)N个 4. 输出 概念: inputs :句子等 input Embedding 输入嵌入,将输入的文本,每个单词都被映射为一个多维度的实数向 ......
[ABC321E] Complete Binary Tree
思路:第一次先把往后距离为 $k$ 的点算出来,然后再每次往前走一个,考虑 $k-i$ 的情况。(具体见代码注释)。 代码: ```cpp#include <bits/stdc++.h>using namespace std;// headint sum[100],head=0;int n,x,k; ......
sdxl结构分析
目录text encoderunetvae text encoder unet conv_in Conv2d(4, 320, kernel_size=(3, 3), stride=(1, 1), padding=(1, 1)) time_proj Timesteps() time_embedding ......
CF1900 C Anji's Binary Tree 题解
Link CF1900 C Anji's Binary Tree Question 给出一个树,每个节点上有一个字母 L/R/U ,从 \(1\) 号根节点开始,L 表示接下来走到左节点,R 表示接下来走到右节点,U 表示接下载走到父节点 问,最少修改几个节点上的字母使得从根节点走到叶子节点 Sol ......
vue3 jsPlumb学习
<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......
Top Tree
总归要学的。 先写一下理解比较困难的点。 考虑 SATT 的建立过程:首先在树里面找到一个Compress Tree,这个树满足中序遍历写下来是根簇路径深度从小到大排列,然后根簇路径上挂着的小簇Rake起来,这个 Rake 的过程是容易的,考虑对于每一个直接连接的小簇,把他变成子问题,然后给一个代表 ......
从一次前端公共库的搭建中,深入谈谈tree shaking相关问题
项目背景 随着业务的积累,前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用,但是随着相同技术栈 ......
vue3使用kindeditor富文本编辑器组件,支持上传图片(接口或base64)
参考文章:https://blog.csdn.net/qq_27936291/article/details/124768989 1.安装插件 npm i @zhj-target/vue3-kind-editor --save 或者 yarn add @zhj-target/vue3-kind-ed ......
vite + vitest + element Plus + vue3
遇到问题: 1. TypeError: Unknown file extension ".scss" for D:\workspace\ai_plat_front\node_modules\element-plus\theme-chalk\src\base.scss Serialized Error ......
mongodb c driver bson的嵌套访问与层次结构
使用c访问mongodb,需要用到mongodb c driver。c++的driver也是基于c driver封装的。 在使用c driver访问mongodb时,需要与bson打交道,不过c driver访问bson有几点需要注意的,不然会导致报错,或者找不到数据。 迭代器使用后的有效性 在mo ......
if选择结构
1.if单选择结构语法:if(布尔表达式){如果布尔表达式的值为true将执行的语句}2.if双选择结构语法:if(){}else{}3.if多选择结构语法:if(){}erlse if(){}erlse if(){}else{}4.嵌套的if结构语法:if(){if(){}}if语句只能有1个el ......
switch选择结构
switch语句中的变量类型可以是:byte,short,int或char从jdk7开始switch支持字符串string类型public class SwitchDemo01 { public static void main(String[] args) { char a = '林'; swit ......