求一組二維陣列全排結果,以下**賦值到瀏覽器控制台就可**
var arr = [[『a』, 『b』], [『a』, 『b』], [『1』, 『2』]];
function
test
(arr)
return newarray;
}function
func
(arr1, arr2)
}return arr;
} console.
log(
test([
['a'
,'b'
,'c'],
['a'
,'b'
,'c'],
['1'
,'2'
,'3'
,'4']]
));
felx布局屬性以及屬性值
flex布局屬性
flex-direction
flex-wrap
flex-flow // 不常用
justify-content
align-items
align-content
row(預設值):主軸為水平方向,從左往右延伸。
row-reverse:主軸為水平方向,從右往左。
column:主軸為垂直方向,從下往上。
column-reverse:主軸為垂直方向,從上往下。
nowrap: 不換行,
wrap: 換行,第一行在上方。
wrap-reverse: 換行,第一行在下方。
flex-flow: row nowrap 預設值 // 不常用
flex-start(預設值):左對齊
flex-end:右對齊
center: 居中
space-between:兩端對齊,專案之間的間隔都相等。
space-around:每個專案兩側的間隔相等。所以,專案之間的間隔比專案與邊框的間隔大一倍。
flex-start:交叉軸的起點對齊。
flex-end:交叉軸的終點對齊。
center:交叉軸的中點對齊。
baseline: 專案的第一行文字的基線對齊。
stretch(預設值):如果專案未設定高度或設為auto,將佔滿整個容器的高度。
react虛擬dom
資料 + 模板相結合,生成虛擬dom(虛擬dom就是乙個js物件,用它來描述真實的dom),比如
['div',,
['span',,
'hello'
]](損耗了極小的效能)
·4.用虛擬dom的結構生成真實的dom
'abc'
>
hello<
/span>
<
/div>
·5. state 發生變化
·6. 資料 + 模板 生成新的虛擬dom (極大地提公升了效能)
['div',,
['span',,
'bye']]
state是react中組建的乙個物件,react把使用者介面當做是乙個狀態機,想想他是不同狀態然後渲染這些狀態,
可以輕鬆讓使用者介面與資料保持一致。。。在react中,更新元件的state。會導致重新渲染使用者介面(不要操作dom)
簡單來說就是使用者介面會隨著state的變化而變化。
前端面試題
sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...
前端面試題
行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...
前端面試題
朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...