day01
Hm-Footer.vue
<template><div class="hm-footer">我是hm-footer</div></template><script>export default {}</script><style>.hm-footer{height:100px;line-height:100px;text-align:center;font-size:30px;background-color:#4f81bd;color:white;}</style>Hm-Main.vue
<template><div class="hm-Main">我是hm-Main</div>
</template><script>
export default {}
</script><style>
.hm-Main{height:400px;line-height:400px;text-align:center;font-size:30px;background-color:#f79646;color:white;margin:20px 0;
}
</style>Hm-Header.vue
<template><div class="hm-header">我是hm-header</div>
</template><script>
export default {}
</script><style>
.hm-header{height:100px;line-height:100px;text-align:center;font-size:30px;background-color:#8064a2;color:white;
}
</style><template><div class="App"><!-- 头部组件 --><HmHeader></HmHeader><!-- 主体组件 --><HmMain></HmMain><!-- 底部组件 --><HmFooter></HmFooter><!-- 创建组件、导入、注册使用 --></div>
</template><script>
import HmHeader from './components/HmHeader.vue';
import HmFooter from './components/Hm-Footer.vue';
import HmMain from './components/Hm-Main.vue';
export default {components:{//'组件名':组件对象HmHeader:HmHeader,HmFooter,HmMain}}
</script><style>
.App{width:600px;height:700px;background-color:#87ceed;margin:0 auto;padding: 20px;/* 内边距 */}</style>main.js知识点
//文件核心作用：导入App.vue,基于App.vue创建结构渲染index.html
//1.导入Vue核心包
import Vue from 'vue'
//2.导入App.vue根组件
import App from './App.vue'//提示：当前处于什么环境（生产环境/开发环境）
Vue.config.productionTip = false//3.Vue实例化，提供render方法->基于App.vue创建结构渲染index.html
new Vue({//el:'#app',作用:和.$mount('选择器')作用一致，用于指定Vue所管理容器//render: h => h(App),render:(createElement)=>{//基于App创建元素结构return createElement(App)}
}).$mount('#app')
相关文章：
day01
Hm-Footer.vue <template><div class"hm-footer">我是hm-footer</div></template><script>export default {}</script><style>.hm-footer{height:100px;line-height:100px;text-align:center;font-size:30px;background-…...
shell查看服务器的内存和CPU，实时使用情况
要查看服务器的内存和 CPU 实时使用情况，可以使用以下方法和命令： 1. 使用 top 运行 top 命令以显示实时的系统性能信息，包括 CPU 和内存使用情况。 top按 q 退出。输出内容包括： CPU 使用率：位于顶部，标…...
【后端面试总结】MySQL索引
数据库索引不只一种实现方法，但是其中最具代表性，也是我们面试中遇到最多的无疑是B树。 索引为什么选择B树 数据量很大的查找，是不能直接放入内存的，而是需要什么数据就通过磁盘IO去获得。 红黑树，AVL树等二叉查找树…...
vue3 reactive响应式实现源码
Vue 3 的 reactive 是基于 JavaScript 的 Proxy 实现的，因此它通过代理机制来拦截对象的操作，从而实现响应式数据的追踪。下面是 Vue 3 的 reactive 源码简化版。 Vue 3 reactive 源码简化版 首先，我们需要了解 reactive 是如何工作的&…...
STL之算法概览
目录 算法概览 算法分析与复杂度标识O() STL算法总览 质变算法mutating algorithms----会改变操作对象之值 非质变算法nonmutating algorithms----不改变操作对象之值 STL算法的一般形式 算法的泛化过程 算法概览 算法，问题之解法也。 以有限的步骤࿰…...
数据库中的视图
数据库中的视图 什么是视图创建视图使⽤视图修改数据注意事项 删除视图视图的优点 什么是视图 视图是⼀个虚拟的表，它是基于⼀个或多个基本表或其他视图的查询结果集。视图本⾝不存储数 据，⽽是通过执⾏查询来动态⽣成数据。⽤户可以像操作普通表⼀样使…...
【设计模式】【行为型模式（Behavioral Patterns）】之责任链模式（Chain of Responsibility Pattern）
1. 设计模式原理说明 责任链模式（Chain of Responsibility Pattern） 是一种行为设计模式，它允许你将请求沿着处理者链进行发送。每个处理者都可以处理请求，或者将其传递给链上的下一个处理者。这种模式使得多个对象都有机会处理请…...
Angular面试题汇总系列一
1. 如何理解Angular Signal Angular Signals is a system that granularly tracks how and where your state is used throughout an application, allowing the framework to optimize rendering updates. 什么是信号 信号是一个值的包装器，可以在该值发生变化时…...
【面试分享】主流编程语言的内存回收机制及其优缺点
以下是几种主流编程语言的内存回收机制及其优缺点： 一、Java 内存回收机制： Java 使用自动内存管理，主要通过垃圾回收器（Garbage Collector，GC）来回收不再被使用的对象所占用的内存。Java 的垃圾回收器会定…...
Java中的多线程
文章目录 Java中的多线程一、引言二、多线程的创建和启动1、继承Thread类2、实现Runnable接口 三、线程的常用方法1、currentThread()和getName()2、sleep()和yield()3、join() 四、线程优先级五、使用示例六、总结 Java中的多线程 一、引言 在Java中，多线程编程是…...
 arg 1 must be a class)
TypeError: issubclass() arg 1 must be a class
TypeError: issubclass() arg 1 must be a class 报错代码： import spacy 原因： 库版本错误， 解决方法： pip install typing-inspect0.8.0 typing_extensions4.5.0 感谢作者： langchain TypeError: issubclass() …...
C语言实例之9斐波那契数列实现
1. 斐波那契数列简介 斐波那契数列（Fibonacci sequence），又称黄金分割数列，因数学家莱昂纳多・斐波那契（Leonardo Fibonacci）以兔子繁殖为例子而引入，故又称为 “兔子数列”。 它的特点是从第三…...
Flink 常用问题及常用配置（有用）
一、Flink 常用问题及常用配置 参数 示例 说明 execution.checkpointing.interval 3min Checkpoint 触发间隔 state.backend rocksdb / filesystem 用于设置statebackend类型, 默认会以内存为statebackend(无法支持大状态) taskmanager.memory.jvm-overhead.max 204…...
什么是内网穿透开发
文章目录 前言实现内网穿透的常见技术方法1. 反向代理与端口映射2. 第三方内网穿透服务3. 自建穿透服务4. VPN（虚拟专用网络） 内网穿透开发的关键点1. 安全性2. 性能3. 合法性和合规性 适用场景 前言 内网穿透开发是指将位于内网或防火墙后的应用服务&a…...
RabbitMQ简单应用
概念 RabbitMQ 是一种流行的开源消息代理（Message Broker）软件，它实现了高级消息队列协议（AMQP - Advanced Message Queuing Protocol）。RabbitMQ 通过高效的消息传递机制，主要应用于分布式系统中解耦应用…...
创建HTTPS网站
每天，我们都会听到网络上发生身份盗窃和数据侵权的案例，这导致用户对自己访问的网站更加怀疑。他们开始更加了解自己将个人信息放在哪里以及信任哪些类型的网站。了解如何使网站使用HTTPS变得比以往任何时候都更加重要。 解读缩略词：HTTP与HT…...
【DL笔记】神经网络轻量化（CV方向）的一些论文记录
现在大模型爆火，但俺这种组里只有10系显卡的下水道科研老鼠也要混毕业的，于是选择做小模型（x）。本人纯科研飞舞一个，刚入学有段时间爱看论文，今天有空把那会看到论文总结下。 轻量化，相关文章的…...
/c的值)
计算(a+b)/c的值
计算（ab）/c的值 C语言代码C语言代码Java语言代码Python语言代码 💐The Begin💐点点关注，收藏不迷路💐 给定3个整数a、b、c，计算表达式(ab)/c的值，/是整除运算。 输入 输入仅一行&…...
11.26作业
#include "test.h" #include <myhead.h>int main(int argc, const char *argv[]) {Student students[100]; // 假设最多有100个学生int select 0;int n 0; // 学生数量menu();while (1) {printf("请输入你想要的功能：");scanf("%…...
AdaPipe:动态规划解决显存和GPU在LLM计算中出现气泡问题
目录 AdaPipe:动态规划解决显存和GPU在LLM计算中出现气泡问题 0-5表示不同数据 大的方块表示：管道，便于理解了想成GPU 黄色方块表示显存 Stage表示Attention和FFN layer（Projection和MLP） 重计算和分区策略：细化了Attention和FFN layer Transformer中的管道 AdaPi…...
C++设计模式之组合模式中如何实现同一层部件的有序性
在组合模式中，为了实现同一层上部件的有序性，可以采取以下几种设计方法： 1. 使用有序集合 使用有序集合（如 std::list、std::vector 或其他有序容器）来存储和管理子部件。这种方法可以确保子部件按照特定顺序排列&am…...
QT QRadioButton控件 全面详解
本系列文章全面的介绍了QT中的57种控件的使用方法以及示例，包括 Button(PushButton、toolButton、radioButton、checkBox、commandLinkButton、buttonBox)、Layouts(verticalLayout、horizontalLayout、gridLayout、formLayout)、Spacers(verticalSpacer、horizontalSpacer)、…...
【IEEE独立出版 | 厦门大学主办】第四届人工智能、机器人和通信国际会议（ICAIRC 2024，12月27-29日）
第四届人工智能、机器人和通信国际会议（ICAIRC 2024） 2024 4th International Conference on Artificial Intelligence, Robotics, and Communication 重要信息 会议官网：www.icairc.net 三轮截稿时间：2024年11月30日23:59 录…...
Dubbo的RPC泛化调用
目录 一、RPC泛化调用的应用场景 二、Dubbo RPC泛化调用的实现原理 三、Dubbo RPC泛化调用的实现步骤 四、示例代码 五、泛化调用怎么发现提供该接口的服务及服务的IP和端口？ Dubbo的RPC泛化调用是一种在调用方没有服务方提供的API的情况下，对服务方…...
Java面试题、八股文学习之JVM篇
1.对象一定分配在堆中吗？有没有了解逃逸分析技术？ 对象不一定总是分配在堆中。在Java等一些高级编程语言中，对象的分配位置可以通过编译器或运行时系统的优化来决定。其中，逃逸分析（Escape Analysis）是用于…...
Apache Maven Assembly 插件简介
Apache Maven Assembly 插件是一个强大的工具，允许您以多种格式（如 ZIP、TAR 和 JAR）创建项目的分发包。 该插件特别适用于将项目与其依赖项、配置文件和其他必要资源一起打包。 通过使用 Maven Assembly 插件，您可以将项目作为…...
3174、清除数字
3174、[简单] 清除数字 1、题目描述 给你一个字符串 s 。你的任务是重复以下操作删除 所有 数字字符： 删除 第一个数字字符 以及它左边 最近 的 非数字 字符。 请你返回删除所有数字字符以后剩下的字符串。 2、解题思路 遍历字符串： 我们需要逐个遍…...
【C#】C# resx方式实现多语言切换（静态切换）
1. 效果 中文界面 英文界面 2. 步骤 1. 添加resx文件 2. Form1.en-GB.resx内容 3. Form1.zh-CN.resx内容 4. Form1.cs修改（重点） using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using Syste…...
鸿蒙系统ubuntu开发环境搭建
在RISC-V等平台移植鸿蒙系统OpenHarmony，需要使用linux环境进行代码的编译，为兼顾日常办公需要，可采用WindowsUbuntu虚拟机的混合开发的环境，通过网络及文件夹共享，在主机和虚拟机之间共享文件数据。 工具准备&#x…...
TCP/IP协议攻击与防范
一、TCP/IP协议攻击介绍 1.1 Internet的结构 LAN：局域网 WAN：广域网 WLAN：无线局域网 私有IP地址与公有IP地址？ 私有地址：A类：10.0.0.0~10.255.255.255 B类：172.16.0.0~172.31.255.255…...
1 ISP一键下载
BOOT0BOOT1启动模式说明0X用户Flash用户闪存存储器，也就是Flash启动10系统存储器系统存储器启动，串口下载11SRAM启动SRAM启动，用于在SRAM中调试代码 闪存存储器 是STM32 的内置FLASH,一般使用JTAG或者SWD模式下载程序时，就是下载…...
vue的理解
什么是vue vue是一套用于构建用户界面的渐进式框架，与其他框架不同的是，vue被设计为可以自底向上逐层应用，它也是创建单页面应用的web应用框架。vue的核心库只关注视图层，不仅易上手，还便于与第三方库或既有项目整合。…...
【Leetcode】3206.交替组1
题目描述： https://leetcode.cn/problems/alternating-groups-i/description/?envTypedaily-question&envId2024-11-26 题目示例： 解题思路 思路一： 1.如果color.size()小于等于2，则构不成环，直接返回结果…...
极狐GitLab 17.6 正式发布几十项与 DevSecOps 相关的功能【二】
GitLab 是一个全球知名的一体化 DevOps 平台，很多人都通过私有化部署 GitLab 来进行源代码托管。极狐GitLab 是 GitLab 在中国的发行版，专门为中国程序员服务。可以一键式部署极狐GitLab。 学习极狐GitLab 的相关资料： 极狐GitLab 官网极狐…...
oracle小技巧-解决特殊密码字符而导致的exp错误
在使用oracle数据库的时候，我们经常会利用exp工具对某些表进行导出。但有些时候，因我们用户密码为安全性设有特殊字符，导致exp导出时候报：“EXP-00056和ORA-12154”，今天我们就分享下如何通过设置符号隔离的小技巧解决…...
)
tomcat 文件上传 (CVE-2017-12615)
目录 1、漏洞描述 2、访问ip：port 3、漏洞利用 4、Exploit 5、修复建议 1、漏洞描述 Tomcat 是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。 攻击者将有可能可通过…...
每天五分钟深度学习框架pytorch：卷积神经网络的搭建
本文重点 从本文开始我们将开启卷积神经网络的搭建了，卷积神经网络网络是深度学习中基础的算法模型之一，但是这里我们从实战为主，我们并不会对卷积神经网络详细的介绍，如果不懂得可以看我得《每天五分钟计算机视觉》专栏。 卷积神经网络 卷积神经网络可以认为是多个卷积…...
Opencv+ROS实现颜色识别应用
目录 一、工具 二、原理 概念 本质 三、实践 添加发布话题 主要代码 四、成果 五、总结 一、工具 opencvros ubuntu18.04 摄像头 二、原理 概念 彩色图像：RGB（红，绿，蓝） HSV图像：H࿰…...
JVM详解：垃圾回收机制
java作为大型服务开发的主流语言，其运行会占用大量的内存空间，那么合理的使用有限的服务器资源至关重要。和大多数翻译性语言一样，java的运行环境jvm也内置垃圾回收机制，其通过一些合理的算法组合，定时来对堆中保存的不…...
【单片机的结构和组成】
目录 1、中央处理单元（CPU）：2、存储器：3、输入/输出（I/O）接口：4、定时器/计数器：5、模拟-数字转换器（ADC）：6、数字-模拟转换器（DAC&am…...
上下文信息、全局信息、局部信息
摘要 在计算机视觉中，上下文信息（contextual information）是一个核心概念，它指的是一个像素或一个小区域周围的环境或背景信息。这种信息对于模型理解图像中对象的相对位置、大小、形状，以及与其他对象的关系至关重要…...
Ansible--自动化运维工具
Ansible自动化运维工具介绍 1.Ansible介绍 Ansible是一款自动化运维工具，基于Python开发，集合了众多运维工具（puppet、cfengine、chef、func、fabric）的优点，实现了批量系统配置、批量程序部署、批量运行命令等功能。…...
【每日一题】142.环形链表II
最近有点懈怠了，因为连续出差，身心俱疲，实在是没有空做题。 这道题的思路是快慢指针，需要对环形的链表进行数学公式的计算。 根据这个公式可以推断出一个数学结论，当快慢指针相遇的时候，快指针从起点再出发…...
YOLO系列论文综述（从YOLOv1到YOLOv11）【第1篇：概述物体检测算法发展史、YOLO应用领域、评价指标和NMS】
目录 1 前言2 YOLO在不同领域的应用3 物体检测指标和NMS3.1 mAP和IOU3.2 mAP计算流程3.2.1 VOC 数据集3.2.2 微软 COCO 数据集 3.3 NMS 1 前言 最近在做目标检测模型相关的优化，重新看了一些新的论文，发现了几篇写得比较好的YOLO系列论文综述࿰…...
TailwindCss 总结
目录 一、简介 二、盒子模型相关 三、将样式类写到一个类里面apply 四、一款TailWind CSS的UI库 一、简介 官方文档：Width - TailwindCSS中文文档 | TailwindCSS中文网 Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类…...
【开源项目】2024最新PHP在线客服系统源码/带预知消息/带搭建教程
简介 随着人工智能技术的飞速发展，AI驱动的在线客服系统已经成为企业提升客户服务质量和效率的重要工具。本文将探讨AI在线客服系统的理论基础，并展示如何使用PHP语言实现一个简单的AI客服系统。源码仓库地址：ym.fzapp.top 在线客服系统的…...
MySQL原理简介—11.优化案例介绍
大纲 1.禁止或改写SQL避免自动半连接优化 2.指定索引避免按聚簇索引全表扫描大表 3.按聚簇索引扫描小表减少回表次数 4.避免产生长事务长时间执行 1.禁止或改写SQL避免自动半连接优化 (1)业务场景介绍 (2)SQL性能问题分析 (3)SQL性能调优 (1)业务场景介绍 某互联网公司…...
Http 响应协议
HTTP的响应协议 响应数据格式 响应行 响应数据的第一行，包括协议、状态码、描述 响应头 从响应数据格式的第二行开始，也是以key:value的格式 响应体 和响应头之间有一个空行，是响应数据格式的最后一部分，用于存放响应的数据 常见响…...
实现 Browser 客户端下载 XML 文件功能
后端 使用 io.BytesIO 方法 创建一个字节缓冲区在不需要磁盘文件的情况下进行文件操作打包为 zip 压缩包（上图代码）in_memory_zip.seek(0) 数据写入ZIP后文件指针会停留在缓冲区的末尾将文件指针重置回开头make_response() 方法用于创建HTTP响应的函数.g…...
Matlab以一个图像分类例子总结分类学习的使用方法
目录 前言 导入数据 训练学习 导出训练模型 仿真测试 总结 前言 最近在尝试一些基于Simulink的边沿AI部署，通过这个案例总结Matlab 分类学习功能的使用。本案例通过输入3000张28*28的灰度图像，训练分类学习模型。并验证训练好的模型最后部署到MCU。 导入数据 如下图是…...