发表于   |   分类于

HTML

1
2
<div>Bacon ipsum dolor amet eu adipisicing elit tongue ground round ex fatback proident kielbasa ham hock. Sausage beef beef ribs aliquip t-bone mollit. Quis beef tri-tip sunt, cupim ut magna salami t-bone. Ut laboris bresaola ribeye biltong landjaeger. Chuck pork belly sed sausage.</div>
<div>Bacon ipsum dolor amet eu adipisicing elit tongue ground round ex fatback proident kielbasa ham hock. Sausage beef beef ribs aliquip t-bone mollit. Quis beef tri-tip sunt, cupim ut magna salami t-bone. Ut laboris bresaola ribeye biltong landjaeger. Chuck pork belly sed sausage.</div>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/**
 * Basic border-image demo
 */

div {
	border: 40px solid transparent;
	border-image: 33.334% url('data:image/svg+xml,<svg xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg" width="30" height="30"> \
	<circle cx="5" cy="5" r="5" fill="%23ab4"%2F><circle cx="15" cy="5" r="5" fill=" %23655"%2F> \
	<circle cx="25" cy="5" r="5" fill="%23e07"%2F><circle cx="5" cy="15" r="5" fill=" %23655"%2F> \
	<circle cx="15" cy="15" r="5" fill="hsl(15, 25%, 75%)"%2F> \
	<circle cx="25" cy="15" r="5" fill=" %23655"%2F><circle cx="5" cy="25" r="5" fill="%23fb3"%2F> \
	<circle cx="15" cy="25" r="5" fill=" %23655"%2F><circle cx="25" cy="25" r="5" fill="%2358a"%2F><%2Fsvg>');
	padding: 1em;
	max-width: 20em;
	font: 130%/1.6 Baskerville, Palatino, serif;
}

div:nth-child(2) {
	margin-top: 1em;
	border-image-repeat: round;
}

发表于   |   分类于
  • git stash：备份当前的工作区的内容，从最近的一次提交中读取相关内容，让工作区保证和上次提交的内容一致。同时，将当前的工作区内容保存到Git栈中。
  • git stash pop：从Git栈中读取最近一次保存的内容，恢复工作区的相关内容。由于可能存在多个Stash的内容，所以用栈来管理，pop会从最近的一个stash中读取内容并恢复。
  • git stash list：显示Git栈内的所有备份，可以利用这个列表来决定从那个地方恢复。
  • git stash clear：清空Git栈。

Git Stash用法操作流程–暂存分支

这里的分支自己根据项目的实际情况来操作，所以知道流程才是主要的。

1
2
3
4
5
6
git status                      ###查看分支状态，当前状态是正在修改的分支，可以看到修改过的文件
                                ###当前分支为：@newdevelop
git stash                       ###暂存当前正在修改的分支
git status                      ###查看分支状态，当前分支修改过的文件没有了
git checkout develop            ###切换马上修改的新分支
git status                      ###查看马上修改的分支状态

Git Stash用法操作流程–恢复暂存分支

bug修复之后，现在我们切换到newdevelop分支继续上次修改

1
2
3
4
git checkout newdevelop         ###切换到上次修改的分支继续修改文件
git status                      ###查看当前分支状态，可以看到修改过的文件，并没有出现，接下来要恢复暂存分支
git stash pop                   ###恢复暂存分支
git status                      ###查看当前分支状态，出现了上次修改过的文件，，接下我们就可以继续修改当前分支了

发表于   |   分类于

HTML

1
<div class="pie"></div>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/**
 * Animated pie chart
 */

.pie {
	width: 100px; height: 100px;
	border-radius: 50%;
	background: yellowgreen;
	background-image: linear-gradient(to right, transparent 50%, currentColor 0);
	color: #655;
}

.pie::before {
	content: '';
	display: block;
	margin-left: 50%;
	height: 100%;
	border-radius: 0 100% 100% 0 / 50%;
	background-color: inherit;
	transform-origin: left;
	animation: spin 3s linear infinite, bg 6s step-end infinite;
}

@keyframes spin {
	to { transform: rotate(.5turn); }
}
@keyframes bg {
	50% { background: currentColor; }
}

发表于   |   分类于

HTML

1
2
3
4
5
6
7
<label>
	Your username:
	<input value="leaverou"></input>
	<span class="callout">
	Only letters, numbers, underscores (_) and hyphens (-) allowed!
	</span>
</label>
阅读全文 »