大小 模板vue
vue--day16---列表排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
elementui <el-form-item> 修改label的字体大小颜色
demo <el-form-item label="测试" style="display: flex;"> <el-input v-model="form.test" style="width: 541%;" placeholder="测试"></el-input> </el-form-item> ......
vue-day16---watch与computed实现列表过滤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
Python练手小项目——简易版基础SQL模板代码生成器
## 1、代码 源码-`ui.py`： ```python3 from tkinter import * from tkinter import scrolledtext, messagebox from tkinter.ttk import Combobox import pymysql def ......
VUE WebSocket连接成功后，立即发送一个token
ws = new WebSocket(`ws://${location.host}/xxx`) ws.onopen = () => { ws.send(JSON.stringify({ headers: { Authorization: `Bearer ${token}` } })); isConn ......
vue3 封装api接口
新建axiosj.ts import axios from 'axios'; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from 'element-plus' // 引入el 提示框，这个项目里用什 ......
vue3 中屏蔽控制台中的警告信息
main.js中 const app = Vue.createApp({}); // 屏蔽错误信息 app.config.errorHandler = () => null; // 屏蔽警告信息 app.config.warnHandler = () => null; app.mount("#app ......
vite-plugin-vue-images——Vite自动导入图片
# vite-plugin-vue-images——Vite自动导入图片 在Vue2时我们经常会这样引用图片： ```vue ``` 但在Vite中不支持require了，引用图片变成了下面这样： ```vue ``` 每次使用图片都得import，显然耽误了大家摸鱼的时间，这时我们可以借助vite ......
矩阵相关模板
## 矩阵快速幂 ``` #include #include #include #include #include using namespace std; const int N = 150; const int mod = 1e9 + 7; typedef long long lld; inli ......
SQLServer 查询语句指定排序规则（查询时区分大小写）
# SQLServer 查询语句指定排序规则（查询时区分大小写） ## 介绍 可以使用 COLLATE 子句将字符表达式应用于某个排序规则。 为字符文本和变量分配当前数据库的默认排序规则。 为列引用分配列的定义排序规则。 ### COLLATE 定义数据库或表列的排序规则，或应用于字符串表达式时的排 ......
vue中$set和$forceUpdate强制更新视图层的区别
$forceUpdate 原理：调用 notify（） 强制视图更新 $set 原理：defineReactive(this.data数据, 要劫持得数组索引或对象键, 默认值) 建立响应式依赖 指定数据更新 使用场景： 如果data数据的层级过深(比如数组或者对象无法直接监听到数据变化)，导致无法 ......
vue3项目组织方式总结
## api 1. 放在 `src/api`目录下，如果模块很多，把各个 api 文件根据模块划分 2. （推荐）放在 `src/views/modules/module/api.ts` 中，每个模块的 api 分别放在不同的目录下，这种方式适合模块很多，多人合作的项目 ## components ......
模板字节转换
#include <cstdint> #include <cstring> template <typename T> inline T parseData(const uint8_t* byteData, size_t offset) { T result; std::memcpy(&result ......
vue3 为什么使用 hooks？
目的 为了解决在组件中共享逻辑和状态的问题。 hooks 提供了一种更简洁和直观的方式来共享逻辑和状态。 vue3 中的 hooks 是基于函数的组件模型，通过在函数组件内部使用特定的 hook 函数来实现。 每个 hook 函数都有特定的用途，例如：useState 用于创建和管理状态，useEf ......
线段树模板
单点修改，区间查询 给n个数a1,a2,a3,…,an。 支持q个操作： 1 x d，修改ax=d。 2 l r，查询（l,r），并且求出最小值出现了多少次。 输入格式 第一行两个整数n,q(1≤n,q≤2×105)。 接下来一行n个整数a1,a2,…,an(1≤ai≤109)。 接下来q行，每行一 ......
nginx与vue路由
nginx代理方式 server { listen 80; server_name localhost; location /order/{ proxy_pass http://localhost:8080/order } 表示监听80端口，将请求反向代理到后端服务器。 例如：当浏览器请求的路径是 ......
idea模板
File and Code Template class== 1 #if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME};#end #parse("File Header.java")/** * <h3>${PROJ ......
SpringBoot+Vue3+MySQL集群 开发健康体检双系统
第1章 课程介绍 试看4 节 | 38分钟观看项目演示，熟悉大健康体检项目主要功能。掌握学习本课程的最佳方法，以及如何利用在线手册学习和答疑。第2章 大健康体检项目全栈环境搭建16 节 | 218分钟利用虚拟机或者云主机安装Linux系统和Docker环境，部署MongoDB、Redis、Minio ......
109.vue双向数据绑定原理
#### 109. vue 双向数据绑定原理？ ``` vue 通过使用双向数据绑定，来实现了 View 和 Model 的同步更新。vue 的双向数据绑定主要是通过使用数据劫持和发布订阅者模式来实现的。 首先我们通过 Object.defineProperty() 方法来对 Model 数据各个属 ......
146.Vue的生命周期是什么
#### 146. Vue 的生命周期是什么？ ``` Vue 的生命周期指的是组件从创建到销毁的一系列的过程，被称为 Vue 的生命周期。通过提供的 Vue 在生命周期各个阶段的钩子函数，我们可以很好的在 Vue 的各个生命阶段实现一些操作。 ``` ......
153.vue中key值的作用
#### 153. vue 中 key 值的作用？ ``` vue 中 key 值的作用可以分为两种情况来考虑。 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。因此当我们使用 v-if 来实现元素切换的时候，如果切换前后含有相同类 ......
go text模板
package installimport ( "bytes" "fmt" "strings" "text/template" "github.com/fanux/sealos/pkg/logger" "sigs.k8s.io/yaml")var ConfigType stringfunc setK ......
洛谷 P3372 【模板】线段树 1
题目传送门 题目描述 如题，已知一个数列，你需要进行下面两种操作： 1.将某一个数加上x 2.求出某区间每一个数的和 输入格式 第一行包含两个整数N、M，分别表示该数列数字的个数和操作的总个数。 第二行包含N个用空格分隔的整数，其中第i个数字表示数列第i项的初始值。 接下来M行每行包含3个整数，表示 ......
Vue2或Vue3中实现页面锚点滚动（结合AntDesign a-steps
#### 核心代码 ``` onStepChange(current) { this.current = current; document.querySelector(`[id='${current}']`).scrollIntoView({ behavior: "smooth", // 定义过渡 ......
vue3项目 运行 报错 Cannot assign to "b" because it is a constant
### 环境依赖 ``` node 18.16.0 vite 4.4.4 vue 3.2.47 ``` ### 背景 当前错误与环境依赖关系不大,是由于我在打包的文件写的代码错误导致的，一般情况不会有这个错 ### 报错信息 X [ERROR] Cannot assign to "b" becaus ......
Vue路由跳转时携带参数
在方法中使用this.$router.push方法进路由跳转时，需要携带参数，可以使用上下文参数，这样携带的话参数会一直存在，具体携带方式如下 在跳转路径下，添加state对象属性，属性名是固定的，对象中填入自己需要传递的参数，ps：对象需要转化为字符串，不然传递不过去，JSON。stringify ......
vue前端异步请求，数据拿的太慢，页面无法渲染
vue中发送请求，拿到数据后打开弹窗进行页面渲染，问题：请求速度太慢，弹窗没有数据，解决：使用async和await进行同步请求 async用在方法上，await放在请求前，表示阻塞 ......
Vue3 webSocket收到消息改变响应式全局对象从而实时改变界面
需求在 main.js 中 创建一个 响应式全局对象 。通过WebSocket收到消息 改变这个全局对象时 ，子组件应同步响应。 效果：这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMon ......
VUE接收后端传递的map，解析并遍历
后端传递map结果，前端接收时需要进行参数转化，转为前端的map，Object.entries方法进行转化，遍历时使用 for of 进行遍历，图中的item取出来的时一个数组对象，如{a:1,b:2}，map对象时这样，item遍历第一轮时取出来的格式是[a,1],所有使用item[0]就可以取出 ......