1. 程式人生 > >位元組跳動前端實習一面反思

位元組跳動前端實習一面反思

CSS題目

  1. position有哪些屬性及其區別
    absolute
    生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。
    元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
    fixed
    生成絕對定位的元素,相對於瀏覽器視窗進行定位。
    元素的位置通過 “left”, “top”, “right” 以及 “bottom” 屬性進行規定。
    relative
    生成相對定位的元素,相對於其正常位置進行定位。
    因此,“left:20” 會向元素的 LEFT 位置新增 20 畫素。
    static 預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 宣告)。
    inherit 規定應該從父元素繼承 position 屬性的值。

  2. 文字溢位的時候顯示省略號(CSS3)
    clip 修剪文字。
    ellipsis 顯示省略符號來代表被修剪的文字。
    string 使用給定的字串來代表被修剪的文字。

    可與overflow:hidden 及 white-space:nowrap 一起使用

    white-space的屬性
    normal 預設。空白會被瀏覽器忽略。
    pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 pre 標籤。
    nowrap 文字不會換行,文字會在在同一行上繼續,直到遇到 br 標籤為止。
    pre-wrap 保留空白符序列,但是正常地進行換行。
    pre-line 合併空白符序列,但是保留換行符。
    inherit 規定應該從父元素繼承 white-space 屬性的值。

    overflow的屬性
    visible 預設值。內容不會被修剪,會呈現在元素框之外。
    hidden 內容會被修剪,並且其餘內容是不可見的。
    scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便檢視其餘的內容。
    auto 如果內容被修剪,則瀏覽器會顯示滾動條以便檢視其餘的內容。
    inherit 規定應該從父元素繼承 overflow 屬性的值。

JS題目

反思 : 答得不好,基礎不牢,繼續努力。