前端筆試題

2021-10-10 18:28:12 字數 2010 閱讀 8478

1.如何阻止事件冒泡和預設冒泡?

阻止事件冒泡:

function stopbubble

(e)return

false

阻止預設冒泡:

function stopdault

(e)return

false

2. 瀑布流實現的原理

瀑布流布局要求要進行布置的元素等寬,然後計算元素的寬度與瀏覽器寬度之比,得到需要布置的列數。

建立乙個陣列,長度為列數,裡面的值為已布置元素的總高度(最開始為0)

然後將未布置的元素依次布置到高度最小的那一列,就得到了瀑布流布局。

3.lazyload實現的基本原理?

4.列舉原生查詢dom的方法?

通過id獲取(getelementbyid)

通過name屬性(getelementsbyname)

通過標籤名(getelementsbytagname)

通過類名(getelementsbyclassname)

通過選擇器獲取乙個元素(queryselector)

通過選擇器獲取一組元素(queryselectorall)

獲取html的方法(document.documentelement)

document.documentelement是專門獲取html這個標籤的

獲取body的方法(document.body)

document.body是專門獲取body這個標籤的。

5.es6陣列的新特性?

1.foreach

foreach()會遍歷陣列, 迴圈體內沒有返回值,foreach()迴圈不會改變原來陣列的內容, foreach()有三個引數, 第乙個引數是當前元素, 第二個引數是當前元素的索引, 第三個引數是當前元素所屬的陣列.

2.map

map()的主要作用, 其實是建立乙個新的陣列, map()的引數和foreach()是一樣的

map()和foreach()有什麼區別?, 使用map()遍歷陣列, 可以返回乙個新陣列, 並且不會改變原陣列裡的內容

3.filter

filter()引數和foreach()也是一樣的, filter()主要是過濾的, 用來過濾陣列中不滿足條件的元素, 把滿足條件的元素放到新的陣列裡, 並且不會改變原陣列.

4.every

every()的作用, 它會遍歷陣列, 在迴圈體內寫條件, 如果每一項都是true, 就會返回true, 只要有乙個是false, 就會返回false

5.some

遍歷陣列的每一項, 然後根據迴圈體內的條件去判斷, 只要有乙個是true, 就會停止迴圈.

6 、map是什麼,有什麼作用?

map是es6新增的一種資料型別,跟json類似,json的key值只能是字串,map的key值可以是任何的資料型別,可以更加全面的描述物件的屬性

7 、set是什麼,有什麼作用?

set是es6新增的一種資料型別,跟陣列類似,值都是唯一的,它可以輕鬆地實現陣列去重

8.什麼是css hack ?

css hack 組要用來解決瀏覽器區域性的相容性問題。針對於不同的瀏覽器寫不同的css**的過程就是css hack。

9.瀏覽器相容性問題?

1 ie6雙邊距問題;在ie6中設定了float,同時又設定margin,就會出現邊距問題。 解決方案:設定display:inline;

前端筆試題

被要求出乙份筆試題更新公司面試的筆試卷子,於是做了乙份適合公司的簡單的筆試試卷。頁面匯入樣式時,使用link和 import有什麼區別?html5的儲存方案,簡要介紹他們的區別。sessionstorage 資料在當前瀏覽器視窗關閉後自動刪除 cookie 設定的cookie過期時間之前一直有效,即...

前端 前端筆試題 1

1.請用div css寫出文字水平垂直居中,水平垂直居中的樣式及布局。2.請用div css寫出左側固定 width 200px 右側自適應的頁面布局。3.請寫出至少五種css瀏覽器相容性的寫法。4.jquery的繫結事件有幾種方式 請舉例說明其優缺點。5.請寫出至少三種js瀏覽器相容性的寫法。6....

前端筆試題一

今天去面試了一家公司,筆試環節就被刷掉了。不過沒關係,明天繼續面。把我今天的筆試題寫下了,因為是回到家寫的,題目描述記不清,自己組織語言描述了一下,將就看吧。有空再放答案。1 寫出幾種清除浮動的方法,並說明優缺點 2 box sizing的作用是什麼 3 寫出截斷長字串的樣式 4 w3c阻止事件向上...