千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip
p146 promise
构造函数 语法 let 变量名 = new Promise(function(参数一(resolve)，参数二(reject)){
异步代码
setTimeout(()=>{
resolve()
},2000)
}) 变量名就是promise对象。
变量名.then(function(res){
兑现承诺，被执行
console.log('success'，res)
})
变量名.catch(function(err){
拒绝承诺，被执行
console.log('fail'，err)
})
以上基础语法
promise三个状态 执行中 成功 失败
p196 Sass
快速上书写css 引入加减乘除 方法等进行css样式 最成熟最稳定最强大的专业级css扩展语言
安装Easy Scss
以scss结尾（sass成本较高）
p196 Sass语法
用js代码书写css样式 以$开头
if用法必须以@开头
for循环举例 li:nth-child(1){}li:nth-child(2){}li:nth-child(3){}
@for $item from 1 to 5 {
position:aabsolute; left:{
li：nth-child（#{$item}）{$item - 1} * 100px; (数字符号用空格隔开)
}(from1to 5 1,2,3,4)
}
@for $item from 1 through 5 {
position:aabsolute; left:{
li：nth-child（#{$item}）{$item - 1} * 100px; (数字符号用空格隔开)
}(from 1 hrough 5 1,2,3,4,5)
}
@each $item in $colors {
$index:index($colors,$item)
li:nth-child(#{$index}){
书写代码样式
}
}
混入css 举例
@mixin 名字{
css样式代码
兼容性
}这个是设置
.box{@include 名字} 调用
p198 Sass嵌套
举例div{书写的代码p{书写的代码span{书写的代码}}}
ul>li{} 在scss样式书写方式 ul{>li{&:hover{}$active:{}}}
p199 继承 导入
继承 有的代码一样 类似封装 在一起 然后需要的时候将其导入就行
举例 .base{
width:100px;height123px;
}
.box{@extend .base 不同代码继续往后书写就行}
导入 @import"地址" 可以将默认样式书写其中 需要的话直接导入就可以
通过这个老师的讲解 我已初步了解了Sass这个样式书写，更加方便了我们书写css样式，个人的理解是和js样式书写有异曲同工之妙 。以后会更加熟悉使用这个样式书写方式 运用到工作敲代码中。还有promise的了解 ，三个阶段 执行中 成功 失败 但是只有两种情况 执行中到成功 执行中到失败，成功用.then()失败用.catch() 这位老师讲解很有意思，学习起来也很容易理解。
