前端面試日記(2)小公尺

2021-10-05 17:45:12 字數 2270 閱讀 7284

1. 說一下display有哪些屬性?分別簡述一下(inline,block,inline-block,none,table,list-item)

2. 繼續說明inline,block,inline-block的區別?(block: 塊級元素inline: 內聯元素(text-align屬性有效)問題:當設定成inline後,width和height屬性是無效的(只會為文字新增背景)inline-block: 行內塊級元素(塊級+內聯)居中的一種方法)

3. 追問你知道的水平垂直居中有哪些實現方法?(transform: translate(-50%, -50%); fixed布局)然後又追問每乙個具體怎末實現。

4. position屬性值有哪些?(absolute,fixed,relative)

5. 相對定位和絕對定位有什莫區別,具體怎末用,都需要設定什麼屬性值?(絕對定位是相對於元素最近的已定位的祖先元素(即是設定了絕對定位或者相對定位的祖先元素)。如果元素沒有已定位的祖先元素,那麼它的位置則是相對於最初的包含塊(body)。相對定位是相對於元素在文件中的初始位置——首先它出現在它所在的位置上(即不設定position時的位置,然後通過設定垂直或水平位置,讓這個元素「相對於」它的原始起點進行移動;)

6. 說一下fixed怎末用?它有哪些屬性?

8. css3新增?(transform變形,transition過渡,animation動畫)追問transition和animation區別?(animation和transition大部分屬性是相同的,他們都是隨時間改變元素的屬性值,他們的主要區別是transition需要觸發乙個事件才能改變屬性,而animation不需要觸發任何事件的情況下才會隨時間改變屬性值,並且transition為2幀,從from .... to,而animation可以一幀一幀的。)

9. es6的新特性?(let const \ var;模板字面量和類的支援  簡潔;箭頭函式 簡化了函式的書寫;promise 處理非同步操作的一種模式;字串模板(反引號))然後就開始一系列追問

10. let const var的區別?(const定義的變數不可以修改,而且必須初始化。.var定義的變數可以修改,如果不初始化會輸出undefined,不會報錯。let是塊級作用域,函式內部使用let定義後,對函式外部無影響。)

13.追問閉包是什莫?(函式 a 內部有乙個函式 b,函式 b 可以訪問到函式 a 中的變數,那麼函式 b 就是閉包。閉包存在的意義就是讓我們可以間接訪問函式內部的變數。)再追問js作用域有哪些?(**作用域:全域性作用域(全域性都可以使用,如document物件)函式作用域(乙個函式中定義的只能在當前函式使用)塊級作用域(es新增)(塊:包含if while等包含大括號,在大括號外使用會報錯)

14.v-if和v-show有什莫區別,分別適用於什麼情況?(渲染結果不同,對於v-if只會渲染乙個dom元素;對於v-show,data是a就會顯示a的dom元素,對於其他的選擇會渲染display:none,只是不顯示而已。對於一次選擇或者資料更新不頻繁時,選擇v-if;如果需要頻繁切換,需要v-show,用display:none控制隱藏和顯示效果比較好,否則用v-if會導致dom結點頻繁的銷毀載入。)

15.兄弟元件通訊的方法有哪些?(我只說了使用事件中心,這個知識點還要總結)

一下是關於我說的專案部分提問(餓了麼webapp):

1.描述購物車小球動畫,是否存在卡頓的問題?怎末解決?

2.收藏頁面的實現?是否了解過cookie?

3.vue-router在專案中如何使用的?

4.購物車sticky元件實現場景?為什莫要用?

5.後台資料是如何獲取的?

6.vue-resource怎末使用?

相比上次面試已經好了很多,面試官也很友好,除了專案部分,總結的知識點被問到了80%,而且我盡量把問題引導到會回答的地方,如果不太會的話,可以嘗試知識點的關聯,而且寫在簡歷上的句子盡可能斟酌,也根據寫的專案自己提前準備問題,如果自己不太熟練的地方就不要寫(我就是寫到了另乙個專案,沒有準備好,就有點尷尬)多看各種面試題,深入細緻的研究每乙個考點。

css部分:

js部分:

vue部分:

小公尺前端面試

html5語義化 重繪和回流 閉包 應用 缺點 響應式bootstrap seo防抖節流和應用 http和https 對稱加密 非對稱加密 水平垂直居中 建構函式怎麼建立乙個物件 專案中用過 hotcss 實現原理 jquery裡的鏈式呼叫 vue實現雙向資料繫結的原理 專案中 webpack實現了...

前端面試日記(二)

大概是在6月11號在boss直聘投的簡歷,6月12號中午收到 約的面試時間,剛開始說是13號晚上7點 後面可能時間有變,中午來了個 說改到9 10點 怎麼說算是第一次面試自己目標公司之一吧,記錄下不管過沒過,也是乙份寶貴經歷。h 前端的學習的話一般是得通過實踐的,平時有自己做過專案嗎?me 學習基礎...

小公尺 前端 面試題

下列不屬於document 物件方法的是 onload ajax 屬於document物件方法的是 queryselectorall children 下列結果不為真的表示式是 1,2,3 splice 1,1,1 2 1 true 為真的表示式為 null undefined object.pro...