16day-git，vmin、vmax单位、滤镜

git操作

git是一个开源的分布式代码版本控制系统，可以有效、高速地处理从很小到很大的项目版本管理。

安装

官网：https://gitee.com/
下载地址：http://git-scm.com/downloads

配置

配置系统环境变量

1. 找到git安装路径下的bin文件路径，复制路径
2. 右键我的电脑 属性 高级 系统环境变量
3. 点击path–新建–粘贴刚才复制的安装路径 应用 确定

配置账户信息

在电脑的终端中

• git config --global user.name “git用户名”
• git config --global user.email “注册git的邮箱号”
• git config --global user.password “git的登录密码”
• git config --list 查看当前git的用户配置信息
• git config --global --unset user.emil 删除配置

常用命令

• git init：初始化仓库
• git remote add origin 线上仓库的地址（选择https）：为本地仓库绑定一个远程仓库
• git remote -v：查看本地绑定的远程仓库
• git clone 线上仓库地址：克隆仓库
• git status：查看当前工作区代码的状态

经典四步走

1. git add .：将文件提交到暂存区

• .：表示将当前目录下所有的文件提交到暂存区
• git add 文件名：将文件提交到暂存区

2. git commit -m “注释”：将代码提交到本地仓库
3. git push：将本地仓库的代码上传到远程仓库

• git push --set-upstream origin main：第一次push时，需要执行这个命令
• git push -u origin test

4. git pull：用于远程代码和本地代码不同步时使用，如果远程代码与现有一致则不需要走这一步。

分支操作

• git branch：查看当前所在分支
• git branch 分支名：创建分支
• git checkout 分支名：切换分支
• git checkout -b 分支名：创建并切换分支
• git branch -d 分支名：删除本地分支
• git push origin --delete 分支名：删除远程分支
• git merge 分支名：合并分支

其他命令

• git stash save “注释”：隐藏当前的工作进度，并添加一个注释
• git stash：隐藏当前的工作进度
• git stash list：查看所有隐藏的工作进度
• git stash apply n：将隐藏的代码显示回来。n表示代码进度的id
• git stash drop n：删除暂存的代码进度。n表示代码进度的id

终端常用命令

• clear：清屏
• mkdir 文件夹名字：创建文件夹
• touch 文件名字：创建文件
• cd 文件路径：切换当前所在的文件路径
• :wq：保存并退出
• pwd：显示当前目录的路径名

git commit 时注释内容常用词

• feat：新功能
• fix：修复
• refactor：重构
• test：测试

---

---

vmin\vmax

vmin:取当前 vw 和 vh 中的最小值，进行计算
vmax:取当前 Vw 和 vh 中最大的值，进行计算

作用:在移动端页面开发时，如果使用 vw 或 vh 作为字体大小的单位，在竖屏或横屏状态下，显示的字体大小是不-样的。所以可以选择使用 vmin 或
vmax 来使得文字大小保持一致。

滤镜 filter

定义元素的可视效果，比如为图片添加模糊效果或调整饱和度等等。

 {
  filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale(

    ) | hue-rotate() | opacity() | saturate() | sepia();
}

–none:默认值，没有效果

• blur:高斯模糊效果，默认为 0，且参数值只能设置 css 长度值(px) ，不接受百
  分比值。值越大越模糊。
• brightness: 为图片应用一种线性乘法，使其看起来更亮或更暗。默认为 1，低于
  100%，图像越暗，高于 100%图像越亮，为 0 时图像全黑，不允许负值。
• contrast: 图像对比度，默认值为 1，值为 0 时， 图像全黑，值越大，对比度越
  大，负值无效。
• drop-shadow: 图像阴影，总计只有 5 个属性，与 box-shadow 语法相同，但没有
  内阴影效果，并且在部分浏览器上设置阴影的尺寸会失效。
• grayscale: 灰度图像，默认值为 0,为 100%则完全转为灰度图像(黑白)
  hue- -rotate:色相旋转
• opacity: 图像透明度,默认为 1,值为 0~1 之间
• saturate: 图像饱和度，默认为 1,值为 0 时图像完全不饱和(与 灰度图像效果类
  似)，超过 1,则饱和度越高。
• sepia:褐色图像，默认为 0，取值在 0~ 100%之间，超过 100%的效果与 100%-
  样。
• invert: 图像反转，默认值为 0,取值在 0~ 100%之间，超过 100%的效果与 100%
  一样。