前端實習面試提問

2021-08-19 16:30:22 字數 1723 閱讀 5390

box-sizing: content-box|border-box|inherit:

值說明

content-box

這是css2.1指定的寬度和高度的行為。指定元素的寬度和高度(最小/最大屬性)適用於box的寬度和高度。元素的填充和邊框布局和繪製指定寬度和高度除外

border-box

指定寬度和高度(最小/最大屬性)確定元素邊框box。也就是說,對元素指定寬度和高度包括padding和border的指定。內容的寬度和高度減去各自雙方該邊框和填充的寬度從指定的"寬度"和"高度"屬性計算

inherit

指定box-sizing屬性的值,應該從父元素繼承

值描述

visible

預設值。內容不會被修剪,會呈現在元素框之外。

hidden

內容會被修剪,並且其餘內容是不可見的。

scroll

內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。

auto

如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。

inherit

規定應該從父元素繼承 overflow 屬性的值。

static 定位

html元素的預設值,即沒有定位,元素出現在正常的流中。

靜態定位的元素不會受到 top, bottom, left, right影響。

fixed定位使元素的位置與文件流無關,因此不佔據空間。

相對定位元素經常被用來作為絕對定位元素的容器塊。

絕對定位的元素的位置相對於最近的已定位父元素,如果元素沒有已定位的父元素,那麼它的位置相對於:

元素的定位與文件流無關,所以它們可以覆蓋頁面上的其它元素

z-index屬性指定了乙個元素的堆疊順序(哪個元素應該放在前面,或後面)

乙個元素可以有正數或負數的堆疊順序:

具有更高堆疊順序的元素總是在較低的堆疊順序元素的前面。

注意: 如果兩個定位元素重疊,沒有指定z - index,最後定位在html**中的元素將被顯示在最前面。

1.原形prototype含義

對於 ecmascript 中的引用型別而言,prototype 是儲存它們所有例項方法的真正所在。通過各自物件的例項訪問。在建立自定義引用型別以及實現繼承時,prototype 屬性的作用是極為重要的

在 ecmascript 5中,prototype 屬性是不可列舉的,因此使用 for-in 無法發現。 

我們建立的每個函式都有乙個 prototype(原型)屬性,這個屬性是乙個指標,指向乙個物件, 而這個物件的用途是包含可以由特定型別的所有例項共享的屬性和方法。

如果按照字面意思來理解,那 麼 prototype 就是通過呼叫建構函式而建立的那個物件例項的原型物件。使用原型物件的好處是可以 讓所有物件例項共享它所包含的屬性和方法。換句話說,不必在建構函式中定義物件例項的資訊,而是 可以將這些資訊直接新增到原型物件中

2.改變this值的方法

ecmascript 5還定義了乙個方法:bind()。這個方法會建立乙個函式的例項,其 this 值會被綁 定到傳給 bind()函式的值。

前端 實習面試整理

乙個函式節流提高效能 var canrun true document.getelementbyid throttle onscroll function canrun false settimeout function 500 延遲問題 function delay timer timer 使用p...

前端實習面試整理

css垂直居中,px em區別,sessionstorage localstora ge與cookie的區別,用.ajax 寫乙個簡單的請求方式,ajax 寫乙個簡單的請求方式,ajax 寫乙個簡單的請求方式,this 與this的區別 不 會 如何找到html的select選中元素 沒有掌握好 d...

前端實習面試整理

css垂直居中,px em區別,sessionstorage localstora ge與cookie的區別,用.ajax 寫乙個簡單的請求方式,ajax 寫乙個簡單的請求方式,ajax 寫乙個簡單的請求方式,this 與this的區別 不 會 如何找到html的select選中元素 沒有掌握好 d...