前端面試題

2021-10-25 16:22:47 字數 1758 閱讀 5903

求一組二維陣列全排結果,以下**賦值到瀏覽器控制台就可**

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 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...