千鋒教育JavaScript全套視頻教程（10天學(xué)會Js，前端javascrip
p146 promise
構(gòu)造函數(shù) 語法 let 變量名 = new Promise(function(參數(shù)一(resolve)，參數(shù)二(reject)){
異步代碼
setTimeout(()=>{
resolve()
},2000)
}) 變量名就是promise對象。
變量名.then(function(res){
兌現(xiàn)承諾，被執(zhí)行
console.log('success'，res)
})
變量名.catch(function(err){
拒絕承諾，被執(zhí)行
console.log('fail'，err)
})
以上基礎(chǔ)語法
promise三個狀態(tài) 執(zhí)行中 成功 失敗
p196 Sass
快速上書寫css 引入加減乘除 方法等進行css樣式 最成熟最穩(wěn)定最強大的專業(yè)級css擴展語言
安裝Easy Scss
以scss結(jié)尾（sass成本較高）
p196 Sass語法
用js代碼書寫css樣式 以$開頭
if用法必須以@開頭
for循環(huán)舉例 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; (數(shù)字符號用空格隔開)
}(from1to 5 1,2,3,4)
}
@for $item from 1 through 5 {
position:aabsolute; left:{
li：nth-child（#{$item}）{$item - 1} * 100px; (數(shù)字符號用空格隔開)
}(from 1 hrough 5 1,2,3,4,5)
}
@each $item in $colors {
$index:index($colors,$item)
li:nth-child(#{$index}){
書寫代碼樣式
}
}
混入css 舉例
@mixin 名字{
css樣式代碼
兼容性
}這個是設(shè)置
.box{@include 名字} 調(diào)用
p198 Sass嵌套
舉例div{書寫的代碼p{書寫的代碼span{書寫的代碼}}}
ul>li{} 在scss樣式書寫方式 ul{>li{&:hover{}$active:{}}}
p199 繼承 導(dǎo)入
繼承 有的代碼一樣 類似封裝 在一起 然后需要的時候?qū)⑵鋵?dǎo)入就行
舉例 .base{
width:100px;height123px;
}
.box{@extend .base 不同代碼繼續(xù)往后書寫就行}
導(dǎo)入 @import"地址" 可以將默認樣式書寫其中 需要的話直接導(dǎo)入就可以
通過這個老師的講解 我已初步了解了Sass這個樣式書寫，更加方便了我們書寫css樣式，個人的理解是和js樣式書寫有異曲同工之妙 。以后會更加熟悉使用這個樣式書寫方式 運用到工作敲代碼中。還有promise的了解 ，三個階段 執(zhí)行中 成功 失敗 但是只有兩種情況 執(zhí)行中到成功 執(zhí)行中到失敗，成功用.then()失敗用.catch() 這位老師講解很有意思，學(xué)習(xí)起來也很容易理解。
