草庐IT

我的Vue之旅、01 深入Flexbox布局完全指南

花了几个小时整合的"ACompleteGuidetoFlexbox"最新版本,介绍了flexbox的所有属性,外带几个实用的例子。传统布局、Flexbox布局的传统解决方案,基于盒状模型,依赖display、position、float三大属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。背景Flexbox提供了一种有效的方

我的Vue之旅、01 深入Flexbox布局完全指南

花了几个小时整合的"ACompleteGuidetoFlexbox"最新版本,介绍了flexbox的所有属性,外带几个实用的例子。传统布局、Flexbox布局的传统解决方案,基于盒状模型,依赖display、position、float三大属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。背景Flexbox提供了一种有效的方

01-Linux基础常用命令

1、Linux常用命令1.1、Linux命令初体验在日常使用过程当中经常使用到的命令有如下几种命令对应英文作用ls[目录名]list查看当前目录下的内容pwdprintworkdirectory查看当前所在目录cd[目录名]changedirectory切换目录touch[文件名]touch如果文件不存在,创建文件mkdir[目录名]makedirectory创建目录rm[文件名]remove删除指定文件Linux命令使用技巧①、Tab键自动补全②、连续两次Tab键,给出操作提示③、使用上下箭头快速调出曾经使用过的命令④、使用clear命令或者Ctrl+l快捷键实现清屏command[-opt

01-Linux基础常用命令

1、Linux常用命令1.1、Linux命令初体验在日常使用过程当中经常使用到的命令有如下几种命令对应英文作用ls[目录名]list查看当前目录下的内容pwdprintworkdirectory查看当前所在目录cd[目录名]changedirectory切换目录touch[文件名]touch如果文件不存在,创建文件mkdir[目录名]makedirectory创建目录rm[文件名]remove删除指定文件Linux命令使用技巧①、Tab键自动补全②、连续两次Tab键,给出操作提示③、使用上下箭头快速调出曾经使用过的命令④、使用clear命令或者Ctrl+l快捷键实现清屏command[-opt

Blazor Server 从头开始:01 创建项目

最近手痒,正好阳性在家,就打算把代码再捡起来看看,学习下这些年来都有什么新东西出现。就看到了微软出的.Net7Blazor相关的内容。走了一遍微软官方的教程,发现用处不大,(可能是年纪已高,也可能是断代太久),所以给这段时间立个小目标,从头开始学习一下这个Blazor。有关BlazorServer和WebWebAssembly的区别已经有大把的人在说,就不再赘述(其实对于新手来说,选定一个研究就是了,没必要纠结)。 准备工作根据自己的操作系统,从官网下载最新版本的VisualStudio(我的是MacArm6417.4版本);在VisualStudio安装程序中,将Web相关的组件都够选上(因

Blazor Server 从头开始:01 创建项目

最近手痒,正好阳性在家,就打算把代码再捡起来看看,学习下这些年来都有什么新东西出现。就看到了微软出的.Net7Blazor相关的内容。走了一遍微软官方的教程,发现用处不大,(可能是年纪已高,也可能是断代太久),所以给这段时间立个小目标,从头开始学习一下这个Blazor。有关BlazorServer和WebWebAssembly的区别已经有大把的人在说,就不再赘述(其实对于新手来说,选定一个研究就是了,没必要纠结)。 准备工作根据自己的操作系统,从官网下载最新版本的VisualStudio(我的是MacArm6417.4版本);在VisualStudio安装程序中,将Web相关的组件都够选上(因

day07-MyBatis的关联映射01

MyBatis的关联映射01Mybatis的关联映射实际的开发中,对数据库的操作常常会涉及到多张表,这在面向对象中就涉及到了对象与对象之间的关联关系。针对多表之间的操作,MyBatis提供了关联映射,通过关联映射就可以很好的处理对象与对象之间的关联关系。1.关联关系概述在关系型数据库中,多表之间存在着三种关系,分别是一对一,一对多,多对多。一对一:在任意一个表中引入另外一个表的主键作为外键。一对多:在多个表中都引入了某一个表的主键作为外键多对多:需要用一张中间表表示多对多的关系,这张中间表引入两张表的主键作为外键。一般来说一个对象映射一张表,因此一对一的关系就是在A类中定义B类属性,一对多的关

day07-MyBatis的关联映射01

MyBatis的关联映射01Mybatis的关联映射实际的开发中,对数据库的操作常常会涉及到多张表,这在面向对象中就涉及到了对象与对象之间的关联关系。针对多表之间的操作,MyBatis提供了关联映射,通过关联映射就可以很好的处理对象与对象之间的关联关系。1.关联关系概述在关系型数据库中,多表之间存在着三种关系,分别是一对一,一对多,多对多。一对一:在任意一个表中引入另外一个表的主键作为外键。一对多:在多个表中都引入了某一个表的主键作为外键多对多:需要用一张中间表表示多对多的关系,这张中间表引入两张表的主键作为外键。一般来说一个对象映射一张表,因此一对一的关系就是在A类中定义B类属性,一对多的关

HCIP-ICT实战进阶01-OSPF各类LSA介绍及分析

HCIP-ICT实战进阶01-OSPF各类LSA介绍及分析课程目标解释LSA关键字段的作用描述常见LSA类型及其功能阐明SPF算法描述ospf区域内路由、区域间路由计算原理描述ospf区域间路由的防环机制描述ospf外部路由计算原理1区域内路由计算1.1回顾在同一个区域内所有路由器的LSDB(LinkStateDataBase,链路状态数据库)相同不考虑区域间和不考虑引入的情况下,每一台开启OSPF的设备设备会产生一个一类LSA,一个广播网络会存在一个二类LSA,PtoP网络不需要LSA.(这里做简单了解,下面会详细展开)所以上图拓扑共有7(5+2)条LSA.1.2OSPF协议报文头部1.2.

HCIP-ICT实战进阶01-OSPF各类LSA介绍及分析

HCIP-ICT实战进阶01-OSPF各类LSA介绍及分析课程目标解释LSA关键字段的作用描述常见LSA类型及其功能阐明SPF算法描述ospf区域内路由、区域间路由计算原理描述ospf区域间路由的防环机制描述ospf外部路由计算原理1区域内路由计算1.1回顾在同一个区域内所有路由器的LSDB(LinkStateDataBase,链路状态数据库)相同不考虑区域间和不考虑引入的情况下,每一台开启OSPF的设备设备会产生一个一类LSA,一个广播网络会存在一个二类LSA,PtoP网络不需要LSA.(这里做简单了解,下面会详细展开)所以上图拓扑共有7(5+2)条LSA.1.2OSPF协议报文头部1.2.