脚手架vue day 35

一、要实现的效果（纵向固定表头的表格，横向表头数量动态化） 二、这是后台返回的数据格式（以企业为数组，每个企业里有个站点数组pointFactors） 三、代码实现步骤 （1）定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......

实现一个可拖拽的div写法如下： const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......

位运算符 //位运算符:& ,|,^,<<,>> //位运算,与二进制有关 A=0011 1100 B=0000 1101 A&B=0000 1100 //按位与 (&)，对于两个操作数的每一个对应位，如果两个位都是1，则结果位为1，否则为0 A|B=0011 1101 //按位或 (|)，对于两个 ......

逻辑运算符 //与(and) 或(or) 非(!, 取反) boolean a = true; boolean b = false; System.out.println("a && b:"+(b&&a));//与运算:两个変量都为真,结果才为true System.out.println("a|| ......

自增自减运算符 //++ -- 自増,自減 又叫做一元运算符 int a = 3; int b= a++;//行完这行代后,先b賦値,再自増 //a = a + 1; System.out.println(a); //a=a +1; int c =++a;//行完这行代前,先自増,再b賦値 Syst ......

day04 进制和编码 1.pythont代码的运行方式 脚本时 交互式 2.进制 二进制 （字符串） 八进制 （整型） 十进制（字符串） 十六进制（字符串） 2.1 进制转换 v1 = bin(35) #十进制转换成二进制 v2 = oct(35) #十进制转换成八进制 v3 = hex(35) ......

vue3 * vue3支持组合式传参， vue2在创建app对象的时候，会传入一个包含各种选项的对象，选项包括data函数，methods对象，computed对象等等。 vue3在创建app对象的时候，也是传入一个对象，但是对象属性中有一个setup函数，在该函数中可以定义响应对象，函数，comp ......

数组的定义 数组是相同类型数据的有序集合 数组描述的是相同类型的若干个数据，按照一定的先后次序排列组合而成。 其中，每一个数据称作一个数组元素，每个数组元素可以通过一个下标来访问它们. ​ （数组的下标是从0开始的！！！！！！） 数组的声明和创建 1.首先必须声明数组变量，才能在程序中使用数组。下面 ......

day03 Redis Redis 是一个基于内存的key-value结构数据库,方便存储。 1.1 Redis服务启动与停止 服务启动命令 redis-server.exe redis.windows.conf 修改Redis配置文件 设置Redis服务密码，修改redis.windows.con ......

vue-devtools 是一款基于Chrome浏览器的插件，可以用于调试vue应用，也可以用来辅助我们找到各页面对应的Vue.js文件路径，想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools， 它是一个旨在增强 Vue ......

# Day11栈的一天 `By HQWQF 2023/12/23` ## 笔记 *** ## 20. 有效的括号 给定一个只包括 '('，')'，'{'，'}'，'\['，']' 的字符串，判断字符串是否有效。 有效字符串需满足： - 左括号必须用相同类型的右括号闭合。- 左括号必须以正确的顺序闭合 ......

文件解析漏洞 当我们上传了a.asa 当成asp格式运行 渗透测试是一个挖漏洞的过程 网上主要是告诉你利用 而不是怎么找 常见的容器（用来搭建网站 就可能存在解析漏洞）： a.asa asp cer cdx这些都以asp运行 Iis6: a.asp;jpg 是什么解析？ 分号解析 然后会把整个文件认 ......

​ 二.HTML标签 6.表格标签 1.1 表格的主要作用 表格不是用来布局页面的,而是用来展示数据的。 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> （1）. <table> </table> 是用于定义表格的标签 ......

一、企业级监控大盘配置管理(上) 1、Grafana 简述 Grafana 是一个开源的度量分析与可视化工具。提供查询、可视化、报警和指标展示等功能，能灵活创建图表、仪表盘等可视化界面。主要功能： 可视化: 提供多种可选择的不同类型的图形，能够灵活绘制不同样式，且还提供很多插件。 动态仪表盘: 提供 ......

【距离考试13天】 2023-12-23 废话捏捏 今天是2023.12.23，距离考试13天 好的，今天是这个日记开的第一天。 怪高级的不会用（ 不要问我为什么发随笔里，原因如上句话。。 好吧，那就来说说吧 也许是正文捏 其实这篇日记大概是在昨天开始写，昨天心情突然不好，突然消极，不知道为什么。。 ......

复习 @classmethod方法 类内部使用@classmethod修饰器的方法就是绑定到类的方法→类方法 类方法可以直接通过类调用而无需实例化 def __init__(self): 类的构造函数 创建一个实例（对象）时自动调用 在py中self和cls只是约定俗成的命名，没有特殊的含义self ......

「牛客2022多校DAY10-K」 You are given a tree... 简要题意 给一棵带点权和边权的树，找到至多 \(k\) 个点权不同的点，使得它们之间路径覆盖的边权和最大。 \(n\le 5000,k\le 5\)。 Solution 考虑颜色数量不大的时候怎么暴力。显然可以直接状 ......

写一个计算器 写一个计算器，要求实现加减乘除功能，并且能够循环接收新的数据，通过用户交互实现。 思路推荐：（不用写出界面） 写4个方法：加减乘除 利用循环+switch进行用户交互 （判断是+-*/） 传递需要操作的两个数 输出结果 难点：1.选用哪种循环结构 主要是要实现：（是否继续使用计算器，输 ......

功能：用于增强vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件)： export default { install(Vue,x,y,z){ console.log(x,y,z) ......

【第一步】安装IIS {1）打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 （2）找到 Internet Information Services 勾选【web管理工具】和【万维网服务】，然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite，下载地 ......

一、告警消息转发平台部署管理 告警中心消息转发系统PrometheusAlert 官方站点：https://github.com/feiyu563/PrometheusAlert 手册：README - PrometheusAlert (gitbook.io) 1、为什么使用PrometheusAl ......

Day10栈和队列part1 By HQWQF 2023/12/21 笔记 232.用栈实现队列 使用栈实现队列的下列操作： push(x) -- 将一个元素放入队列的尾部。 pop() -- 从队列首部移除元素。 peek() -- 返回队列首部的元素。 empty() -- 返回队列是否为空。 ......

vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......

1.diff算法是什么？ diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。 1.1特点 策略：深度优先，同层 ......

第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......

3.运算符 3.1 常见的运算符 算数运算符 运算符 描述 示例 + 加 - 减 * 乘 / 除 % 取模-返回除法的余数 10%3结果输出1 ** 指数-幂，x的y次幂 2**3结果输出位8 // 整除-返回商的整数部分 9//2 结果输出为4 9.0//2.0结果输出位4.0 比较运算符 运算符 ......

需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......

<template> <section> <div class="sign-wrap"> <div class="main"> <div class="box" style="width: 100%;height: 100%"> <!-- <vue-esign ref="esign" :width= ......

Vue中的$refs 用法 Vue中的$refs原理涉及到Vue实例的生命周期、虚拟DOM以及一些底层的JavaScript原理。 Vue实例的生命周期： 当Vue实例被创建时，它会经历一系列的生命周期钩子，包括beforeCreate、created、beforeMount、mounted等。在m ......