Git应用

vim使用

三种模式

命令模式,输入模式,底线命令模式

 

vim常见命令

  • 命令模式(command mode)

    j   向下移动光标
    h   向左移动光标
    k   向上移动光标
    l   向右移动光标
    i		切换到插入模式
    esc  	切换到命令模式
    :		切换到底线命令模式
    I  		移动到行首,并切换到插入模式					insert
    i		移动到选中字母前,并切换到插入模式
    a		移动到选中字母后,并切换到插入模式				append
    A		移动到行尾,并切换到插入模式
    o		移动到下一行,并切换到插入模式
    O 		移动到上一行,并切换到插入模式
    gg		光标移动到文件头
    G		光标移动到文件尾
    50G		跳转到第50行
    dd		删除一行
    cc		删除一行
    yy		复制
    p		粘贴
    :		切换到底线命令模式
  • 输入模式(insert mode)

  • 底线命令模式(Last line mode)

    w 					写入
    w filename			        另存为
    q					退出
    wq!					写入并强制退出

git分支合并

git branch					查看本地分支
git branch -t				查看远程分支

git branch <branchName>		     创建本地分支
git merge  <branchName>            合并分支

git branch -d <branchName>       删除本地分支
git branch -D <branchName>        强制删除本地分支

git push origin --delete <branchName>    删除远程分支
git push origin :<branchName>			删除远程分支

tag 里程碑

  • 查看所有标签和指定标签

    # 所有标签
    git tag
    git tag -l
    
    # 指定标签
    git tag -l <tagName>
  • 在当前分支添加标签

    git tag <name>
    git tag -a <tagName> -m <备注内容>
  • 删除本地标签

    git tag -d <tagName>			   #删除本地标签
    git tag -D <tagName>				#强制删除本地标签
  • 把本地标签推送到远程仓库

    git push origin --tags 			#推送所有标签
    git push origin <tagName>		#推送某一个标签
  • 删除远程标签

    git push origin :<tagname>
  • 查看远程标签

    git ls-remote --tags origin				#查看远程标签

git历史

  • 查看历史

    git reflog				#列出简单历史
    git log					#列出详细历史
    git log --oneline		#单行查看
    git log --graph			#图形查看
  • 版本回退

    git reset --hard <版本号>

布局分类

1.float 浮动

浮动元素的顶部,在标准文档流的底部

 

  1. 对div2进行浮动:浮动元素的顶部,在标准文档流的底部
  2. 对div3和div3进行浮动:浮动元素会显示在同一行,依次排列
  3. 对div2、div3和div4进行浮动:如果宽度不够,被浮动的元素会自动换行
  4. 对div2、div4进行浮动:浮动元素的顶部,在标准文档流的底部

2.position 定位

  • relative 相对定位:相对原来位置,便宜一定距离
  • absolute 绝对定位:相对position不为static的父元素,偏移一定距离
  • fixed 固定定位:相对浏览器定位
  • static 没有定位:

3.flex布局

父元素属性

  • flex-direction 主轴方向

    row   				行排布
    row-reverse			同一行反向排布
    column				列排布
    column-reverse		同一列反向排布
  • justify-content 主轴子元素排列

    flex-start  		从头部排列
    flex-end			从尾部排列
    center				居中排列
    space-around		平分剩余
    space-between		两边贴边,平分剩余
  • align-items

    flex-start			从上到下
    flex-end			从下到上
    stretch				拉伸(子元素去掉高度)
    center				居中
  • flex-wrap属性

    wrap    换行
    no-wrap    不换行
  • flex-flow 属性: 复合属性,flex-direction和flex-wrap

    flex-flow:row-wrap
  • align-content属性

    flex-start		侧轴头部排列
    flex-end		侧轴尾部排列
    center			居中排列
    space-around	恻轴平分空间
    space-between	

子元素属性

  • flex属性

  • align-self属性

    stretch	
    center
    start
    end
  • order属性

 

 

 

 

 

 

 

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值