Violetks Blog

Thinking will not overcome fear but action will.

弹性布局

一、什么是弹性布局 弹性布局,也称为 Flex 布局,是一种基于盒模型的布局方式,它通过调整容器内部元素的尺寸、位置和显示顺序,使页面在不同设备、不同屏幕尺寸下都能保持良好的视觉效果。弹性布局的主要目标是使页面设计更具响应性、灵活性和可扩展性,以适应不断变化的设备和屏幕尺寸。 在弹性布局中,页面中任何一个元素只要设置了display: flex属性,那么当前盒子都称为弹性盒子。弹性盒子默认有...

CSS 基础知识(二)

一、浮动元素的一些特点 浮动的目的是做文字环绕效果的。 浮动元素,只会压住它下面标准流的盒子,不会压住下面标准流盒子里面的文字/图片。 绝对定位/固定定位会压住下面标准流所有的内容,包括文字/图片。 二、为什么要清除浮动?怎么清除浮动? 浮动脱离了正常文档流,会导致父元素高度塌陷,后面元素会挤到浮动元素下方,造成布局错乱。 清除浮动: 1、给父盒子设置合适的高度。 2、给父盒子添加样式ov...

CSS 基础知识(一)

一、CSS3 有哪些新特性 1、实现圆角border-radius、阴影box-shadow、图片边框border-image。 2、对文字加特效text-shadow、线性渐变gradient、旋转transform。 3、transform:旋转rotate(9deg)、缩放scale(0.85,0.9)、定位translate(0px,-30px)、倾斜skew(-9deg、0deg)...

HTML5 基础知识

一、什么是 HTML5?如何区别 HTML 和 HTML5? HTML5是HTML的第五个版本,HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升。HTML5更方便书写、精简,有利于程序员快速的阅读和开发。可以通过DOCTYPE声明(HTML的长而复杂,HTML5的简便)、新增的结构元素和功能元素来区别它们。 二、H...

HTML 基础知识

一、HTML 中 <!DOCTYPE> 的作用 文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。它不是 HTML 标签,它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。 <!-- 使用 HTML5 版本 --> <!DOCTYPE html> 二、标准盒子模型与怪异盒子模型 box-...

面试题整理

一、说一下 HTTP 和 HTTPS(★) 1、HTTP 和 HTTPS 的基本概念 HTTP:超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从万维网 WWW 服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。 HTTPS:安全套接层超文本传输协议,是以安全为目标的 HTTP 通道,简单讲是 HTTP...

VS Code 快捷键

1.删除上一个单词:Ctrl + Backspace(Mac:option + delete) 2.复制行:Shift + Alt + 向下箭头(Mac:command + Shift + 向下箭头) 3.删除行: 方法一:Ctrl + X 方法二:Ctrl + Shift + K 4.向上/向下移动一行:Alt + 向上/向下箭头 5.移至文件的开头/结尾 要使光标移...

Git 常用指令

整理的一些个人常用的 Git 指令

菜鸟教程里有 Git 教程 一、Git 工作区、暂存区和版本库 工作区:就是你在电脑里能看到的目录。 暂存区:英文叫stage或index。一般存放在.git目录下的 index 文件(.git/index)中,所以我们把暂存区有时也叫作索引(index)。 版本库:工作区有一个隐藏目录.git,这个不算工作区,而是 Git 的版本库。 二、Git 常用命令...

批量修改文件名

开发工具:eclipse 一切源于我某天下载了一堆视频,并想要给它们重新命名。 原始名称都是有相似性和规律性的,都是只需要去掉开头几个字符和结尾几个字符。 重命名前: 24.23.视频名称一(Av74592164,P24).mp4 25.24.视频名称二二(Av74592164,P25).mp4 重命名后: 23.视频名称一.mp4 24.视频名称二二.mp4 这种事情,当然...

数据结构题

实验一:数制转换 实验名称:实现十进制整数 N 向其它进制数 d(二、八、十六)的转换。 【数据结构】 #define S_SIZE 100 //栈的空间大小 #define STACKINCREAMENT 10 //增加空间 struct SqStack{ int *base; //栈底 int *top; //栈顶 int stacksize; //栈当前的存储空间 };...