Q1:ng-app="PomodoroApp" ??
http://www.runoob.com/angularjs/ng-ng-app.html
Q2:ng-click="breakLengthChange(-1)"
http://www.runoob.com/angularjs/ng-ng-click.html
Q3:@import "bourbon"; ??
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@import
Q4: main section
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/main
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/section
Q5: 多层级
header {
display: flex;
justify-content: center;
text-align: center;
margin: 0 auto;
color: $white;
text-transform: uppercase;
padding: 20px;
.session {
font-size: .8em;
display: flex;
.breakCtrl, .sessionCtrl {
display: inline;
padding-left: 30px;
padding-right: 30px;
}
.minus, .plus {
background-color: $black;
color: $white;
border: none;
cursor: pointer;
font-size: 2em;
outline: none;
}
.time {
font-size: 2.5em;
padding-left: 10px;
padding-right: 10px;
}
}
}```
~~Q6: outline ??~~
A6:http://w3school.com.cn/cssref/pr_outline.asp
Q7:&:before ??
.timer {
margin: 0 auto;
text-align: center;
width: 300px;
height: 300px;
font-size: 4em;
border: 2px solid $green;
border-radius: 50%;
cursor: pointer;
position: relative;
z-index: 20;
overflow: hidden;
&:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
z-index: 2;
border: 4px solid $black;
}
}```
Q8:$scope.currentTotal; ??
Q9:ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js ??
A8:src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js
Q9: $scope.originalTime
Q10:angular.module
http://www.runoob.com/angularjs/angularjs-intro.html
Q:
Q:
Q:
Q:
Q:
Q: