事项vue cli 01
vue: number addition
单页应用：（Single Page App, SPA）体现了其强大的优势。页面是局部刷新的，响应速度快，不需要每次加载所有的CSS/JS。前后端分离，前端（手机端）不受后端（服务器端）的开发语言的限制。Angular,React ,Vue.js框架都是很好的选择。 https://github.co ......
vue-day16---模拟一个数据监测
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>模拟一个数据监测你</title> </head> <body> <script type="text/javascript"> let data = { ......
【技术积累】Vue.js中的事件【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
study java Day01
Markdown学习 标题 三级标题 四级标题 字体 Hello,World! Hello,World! Hello,World! Hello,World! 引用 选择狂神说java 分割线 图片 超链接 点击跳转到秦始皇帝陵博物院 列表 A B C A B C 表格 名字性别生日 张三 男 199 ......
lib64/libstdc++.so.6: version `GLIBCXX_3.4.20' not found (required by /home/liujiaxin01/.aspera
glibc是GNU发布的libc库，即c运行库。glibc是linux系统中最底层的api，几乎其它任何运行库都会依赖于glibc。glibc除了封装linux操作系统所提供的系统服务外，它本身也提供了许多其它一些必要功能服务的实现。由于glibc囊括了几乎所有的 UNIX 通行的标准，可以想见其内 ......
Vue安装
#### 安装vue及脚手架 ##### 1.安装vue.js npm install vue -g 或者 cnpm install vue -g 查看安装的vue信息： npm info vue 或者 cnpm info vue ![image-20230715211634838](https:/ ......
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 ......
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 ......
VUE WebSocket连接成功后，立即发送一个token
ws = new WebSocket(`ws://${location.host}/xxx`) ws.onopen = () => { ws.send(JSON.stringify({ headers: { Authorization: `Bearer ${token}` } })); isConn ......
01. 初识STM32
# 一、什么是单片机 单片机（Single-Chip Microcomputer）是一种集成电路芯片，是采用超大规模集成电路技术把具有数据处理能力的中央处理器CPU、随机存储器 RAM、只读存储器 ROM、多种 I/O 口和中断系统、定时器/计数器等功能（可能还包括显示驱动电路、脉宽调制电路、模拟多 ......
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 ......
初学C语言day01——第一个C语言程序
# 第一个C语言程序 #include //包含头文件 # 预处理指令(在预处理阶段进行处理) //argc表示命令行参数的个数 argv一个字符串数组 命令行参数 int main(int argc,char *argv[]) { printf("Hello world!\n");//标准输出函数 ......
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 ......
vue3 为什么使用 hooks？
目的 为了解决在组件中共享逻辑和状态的问题。 hooks 提供了一种更简洁和直观的方式来共享逻辑和状态。 vue3 中的 hooks 是基于函数的组件模型，通过在函数组件内部使用特定的 hook 函数来实现。 每个 hook 函数都有特定的用途，例如：useState 用于创建和管理状态，useEf ......
01_抽象类
## 一、为什么要用抽象类 1. 当父类定义一个功能时，每个子类对该功能的具体实现逻辑都不一样，那么父类定义该功能时就可以定义成抽象的方法，这个类就必须是抽象类了 2. 抽象类也是类，也能定义类中的5大成分（成员变量、成员方法、构造方法、代码块、内部类），特别需要注意的是，有抽象方法的类，必须是抽象 ......
01_方法的重写
## 一、方法的应用体现 方法的应用体现有2种 + 重载 1. 在同一个类中 2. 方法名相同 3. 参数列表不相同 4. 和方法返回值无关 + 重写 1. 在父子类中 2. 方法名相同 3. 参数列表相同 4. 方法返回值相同 ## 二、概述 方法的重写就是子类对父类的方法逻辑进行重新编写，当然， ......
【转】Docker入门笔记01：Docker容器技术的发展历程
原文：https://zhuanlan.zhihu.com/p/304623118 最近因为工作需要，要学习一些基本的Docker知识，所以整理了一些docker的入门知识，感兴趣的小白可以看看，一起学习进步。 要学习一个新的东西，我的习惯一般是先了解它是什么，它是怎么来的，发展历史是怎样的，用来解 ......
01-设计模式-代理模式
## 1、代理模式的分类 代理模式分为： > 静态代理：在编译阶段确定了被代理对象的类型，简单。 > 动态代理：在运行阶段确定了被代理对象的类型，复杂。 ## 2、静态代理 静态代理涉及的类： > 1. 一个接口，下面的例子中命名为`Subject` > 2. 实现了接口的 被代理对象`RealSu ......
nginx与vue路由
nginx代理方式 server { listen 80; server_name localhost; location /order/{ proxy_pass http://localhost:8080/order } 表示监听80端口，将请求反向代理到后端服务器。 例如：当浏览器请求的路径是 ......
01：SpringBoot2入门
1、系统要求 Java 8 & 兼容java14 . Maven 3.3+ idea 2019.1.2+（示例采用的idea2023.01） Spring Boot 的文档：https://spring.io/projects/spring-boot SpringBoot2.7.13版本文档：htt ......
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 来实现元素切换的时候，如果切换前后含有相同类 ......
java基础--数据相关day01
标识符 数据类型 八个基本类型数据，int，byte,short,long,float,double,char（两个字符，一个汉字，单引号）,boolean public class demo01 { public static void main(String[] args) { String a ......
day01
# 变量 变量的命名应该满足以下三个规范： 1.变量的命名应该能反映变量值所描述的状态，切记不要用中文 2.变量名可由字母、数字和下划线组成，但是不能以**数字**开头 3.关键字不能声明为变量名 以下为常见的几个变量名 ```python ['and', 'as', 'assert', 'brea ......