CSS3知识回顾（13）+(git commit)规范写法

包括git commit -m "git message"规范化使用等等，还有CSS3响应式笔记,Bootstrap基础

git指令

git –version 查看git版本
git diff 比较文件的不同，及暂存区（staging area）和工作区(workspace)的差异

git commit的规范化

格式：<type>(<scope>):<subjext>

type类别说明

type(必须)

feat：新功能（feature）。
fix/to：修复bug，可以是QA发现的BUG，也可以是研发自己发现的BUG。
fix：产生diff并自动修复此问题。适合于一次提交直接修复问题
to：只产生diff不自动修复此问题。适合于多次提交。最终修复问题提交时使用fix
docs：文档（documentation）。
style：格式（不影响代码运行的变动）。
refactor：重构（即不是新增功能，也不是修改bug的代码变动）。
perf：优化相关，比如提升性能、体验。
test：增加测试。
chore：构建过程或辅助工具的变动。
revert：回滚到上一个版本。
merge：代码合并。
sync：同步主线或分支的Bug。

scope类别说明

scope(可选)

1
2

scope用于说明 commit 影响的范围，比如数据层、控制层、视图层等等，视项目不同而不同。
例如在Angular，可以是location，browser，compile，compile，rootScope， ngHref，ngClick，ngView等。如果你的修改影响了不止一个scope，你可以使用*代替。

查看信息

#显示有变更的文件
1
git status
#显示当前分支的版本历史
1
git log
#显示commit历史，以及每次commit发生变更的文件
1
git log --stat
#搜索提交历史，根据关键词
1
git log -S [keyword]
#显示某个commit之后的所有变动，每个commit占据一行
1
git log [tag] HEAD --pretty=format:%s
#显示某个commit之后的所有变动，其”提交说明”必须符合搜索条件
1
git log [tag] HEAD --grep feature
#显示某个文件的版本历史，包括文件改名
1
2
git log --follow [file]
git whatchanged [file]
#显示指定文件相关的每一次diff
1
git log -p [file]
#显示过去5次提交
1
git log -5 --pretty --oneline
#显示所有提交过的用户，按提交次数排序
1
git shortlog -sn
#显示指定文件是什么人在什么时间修改过
1
git blame [file]
#显示暂存区和工作区的差异
1
git diff
#显示暂存区和上一个commit的差异
1
git diff --cached [file]
#显示工作区与当前分支最新commit之间的差异
1
git diff HEAD

#显示两次提交之间的差异

1	git diff [first-branch]...[second-branch]

#显示今天你写了多少行代码
1
git diff --shortstat "@{0 day ago}"
#显示某次提交的元数据和内容变化
1
git show [commit]
#显示某次提交发生变化的文件
1
git show --name-only [commit]
#显示某次提交时，某个文件的内容
1
git show [commit]:[filename]
#显示当前分支的最近几次提交
1
git reflog

响应式布局

布局之前需要一个布局容器
从小到大

Bootstrap前端框架

使用【Bootstrap】框架

栅格系统（grip system）

将容器分为12等分，container
在使用row/column时col-lg-n n相加等于12

查看属性

列嵌套加一个行row消除内边距
列偏移offset-(12-n)
列排序 push，pull

响应式工具

hidden-xs,hidden-sm,hidden-md,hidden-lg
visible显示