中間固定兩邊自適應 兩邊固定中間自適應 promise

中間固定兩邊自適應

www.jianshu.com/p/94666c389…

兩邊固定中間自適應 思路

1.浮動

左浮動, 右浮動固定寬,中間的盒子設置左margin (左浮動盒子的寬度) 右margin(右浮動盒子的寬度)

2.定位實現

左定位,右定位,中間同上

3.flex佈局

父盒子display:flex 左右定寬 中間盒子flex:1

#box{
				width:100%;
				height:100px;
				display:flex;
				margin:10px;
			}
			#left,#right{
				width:200px;
				height:100px;
				margin:10px;
				background-color:#999;
			}
			#center{
				flex:1;
				height:100px;
				margin:10px;/*左右margin不會疊加*/
				background-color:#f00;
複製代碼

promise

異步編程的一種解決方案,解決了回調地獄的問題,promise是一個構造函數,()裏面是一個回調函數,成功操做調用resolve,執行then的回調,失敗操做調用reject,執行catch回調