css基础
盒子模型 浏览器元素由一个个盒子组成,盒子构成包括外边距,内边距,边框,内容组成,这些大小共同组成了盒子的大小。 属性 说明 width 内容宽度 height 内容高度 border 边框大小 padding 内边距 margin 外边距 box-sizing 指定盒子模式 display 设置布局方式 盒子模式: content-box: 盒子大小=内容区+内边距x2 + 内边距x2 border-box: 盒子大小=内容区大小(内容区实际大小=设置大小 - 边框x2 - 内边距x2) 布局方式: block:块级元素独占一行 inline:行内元素只占据内容区大小,无法设置高度 定位 在css中使用position属性进行元素定位 选项 说明 static 默认值,不进行定位 fixed 固定定位,将元素固定在浏览器窗口指定位置(回到顶部) sticky 在浏览器窗口到达指定为位置时变成fixed定位(博客右侧目录) relative 相对定位,通过设置偏移量进行移动,但位置还在原本地方 ...
SpringBoot笔记
记录了一些在学习SpringBoot和MyBatis时的知识点 SpringBoot 简介 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。通过这种方式,Spring Boot致力于在蓬勃发展的快速应用开发成为领导者。 依赖 12345678910111213141516171819202122232425262728<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/...
Vue笔记
记录了一些在学习Vue过程中的基础知识点 动态绑定 123456789<script setup> const data1 = ref(0) const data2 = reactive({ count : 0, }) // ref可以对对象和基本类型使用,reactive只能对对象使用 console.log(data1.value) //ref取值需要使用.value</script> 计算函数 12345678<script setup> const list = ref([1, 2, 3, 4, 5, 6, 7, 8]) const c = computed(() => { // 作用:做计算 return list.value.filter(item => item > 2) }) //当数据产生变动会重新计算</script> 监听函数 1234567891011121314...
docker+k8s入门
自动补全 RHEL系默认最小化安装时自动补全仅支持命令和文件名,可以通过安装bash-completion 包使其支持补全命令参数 12sudo dnf install bash-completionsource /usr/share/bash-compldetion/nasj_completion Docker 添加docker仓库 1sudo dnf config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 安装docker 1234# 指定docker版本是需要两个都指定dnf install docker-ce docker-ce-cli # 可以通过以下指令查看仓库可用版本dnf list docker-ce --showduplicates 设置开机自启 1sudo systemctl enable --now docker 配置国内镜像仓库 12345cat > /etc/docker/daemon.json << EOF...
lnmp+wordpress搭建记录
lnmp+workpress 搭建记录 nginx 安装 安装依赖和编译工具 1234yum -y install gcc gcc-c++ autoconf automake make # c编译器yum install -y pcre pcre-devel # 解析正则的pcre库yum install -y zlib zlib-devel # 添加对gzip的支持yum -y install pcre pcre-devel zlib zlib-devel openssl openssl-devel # S 解压nginx 1tar -zxf nginx-1.25.3.tar.gz 编译nginx 12./configure --prefix=/opt/nginx --with-http_stub_status_module --with-http_ssl_modulemake && make install 添加防火墙端口 1 firewall-cmd --add-port=80/tcp --permanentfirewall-cmd --reload...
hexo博客安装流程
记录了通过github pages功能搭建hexo博客的过程 环境搭建 hexo博客环境需要用到nodejs,git和npm,本文仅展示ArchLinux下的环境搭建 123yay -S npm git nodenpm install hexo-cli -gnpm install hexo-deployer-git --save # 自动部署发布工具部署 创建博客项目 1. 新建文件夹(必须是空的,否则创建失败)并且进入 2. 再该目录打开终端输入命令进行项目初始化 1hexo init #如果提示找不到命令则输入npx hexo init 创建GitHub仓库 首先生成本机的ssh密钥 1ssh-keygen -t ed25519 -C "blog" 然后复制.ssh/id_ed25519.pub文件内容 1cat .ssh/id_ed25519.pub 最后将复制内容粘贴近GitHub设置新增ssh密钥页面 创建仓库,仓库必须公开,并且命名格式为: 1用户名.github.io 配置git 配置git用户名和邮箱 12git config --g...
计算机网络基础
数据传输方式 电路交换 电路交换会在数据传输之前先和接收方建立连接,然后进行数据传输,数据传输后释放连接。在连接建立后链路始终处于占用状态。 分组交换 分组交换在报文交换的基础上将报文分组成若干个等长数据体,每个数据体都通过报文交换的方式传输到目标主机,并在目标主机根据报文首部还原报文完成传输。 报文交换 报文交换会在数据添加首部,然后根据路由表将数据发送到下一个路由节点中,下一个路由节点接收到数据后会将其缓存下来并根据路由表进行转发,重复过程直到到达目的主机。
SpringBoot项目实战
记录了一些SpringBoot项目实战过程中知识点和常用思路 项目实战 全局异常捕获 创建全局异常类 通过@RestControllerAdvice注解将该类作用于全部controller类 在该类创建方法编写异常处理逻辑,行参为需要捕获的异常类 通过@ExceptionHandler注解捕获异常 12345678910111213141516171819202122232425262728293031323334/** * 全局异常处理器,处理项目中抛出的业务异常 */@RestControllerAdvice@Slf4jpublic class GlobalExceptionHandler { /** * 捕获业务异常 * @param ex * @return */ @ExceptionHandler public Result exceptionHandler(BaseException ex){ log.error("异常信息:{}", ex....













