我的前端面試題

DOM結構

將網頁中的元素看做對象

可以被編程語言獲取或者編輯


響應式佈局

一個網站兼容多個終端


有哪幾種選擇器

標籤選擇器

類選擇器

ID選擇器

全局選擇器

父子選擇器


選擇器優先級

!important  (因爲IE6不支持,所以可以作爲hack手段)無條件優先級

html中給元素加 style="   "

ID選擇器

類選擇器

標籤選擇器



px em rem

px是相對於屏幕分辨率

em相對於當前對象內文本的字體尺寸,如當前對行內文本的字體尺寸未被人爲設置,則相對於瀏覽器的默認字體尺寸

rem是相對於根元素,只需要修改根元素字體大小,就能修改整個文件的字體大小


position

absolute:絕對定位,如果父元素設置了position屬性,並且屬性值是relative和absolute,那麼本元素是相對於父元素定位的,如果父元素沒有,那麼本元素是相對於瀏覽器的定位。也就是說 absolute定位的層總是相對於其最近的定義爲absolute或relative的父層,而這個父層並不一定是其直接父層。如果其父層中都未定義absolute或relative,則其將相對body進行定位

relative:相對定位,相對於父元素的定位 父元素應該加上 position:relative 這句

fixed:固定定位,相對於瀏覽器窗口定位

static:默認值,沒有定位

inherit:從父元素繼承position屬性


塊級元素和內聯元素:

塊級元素哪些:div     p    form     table     ol     ul     h1(最大) h2 h3 h4 h5 h6(最小)    hr

內聯元素哪些:a     span    input    img      b      select

可變元素:button    iframe    map

區別:


 1)塊級元素會獨佔一行,其寬度自動填滿其父元素寬度
        行內元素不會獨佔一行,相鄰的行內元素會排列在同一行裏,知道一行排不下,纔會換行,其寬度隨元素的內容         而變化
   2) 塊級元素可以設置 width, height屬性,行內元素設置width,  height無效
         【注意:塊級元素即使設置了寬度,仍然是獨佔一行的】
   3) 塊級元素可以設置margin 和 padding.  行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。(水平方向有效,豎直方向無效)


==和===區別:

==只需要變量的值相等即可

===要變量的值和類型都相同

null==undefined 返回true

null===undefined返回false


js中有哪些數據類型:

五種簡單的 一種複雜的

undefined未定義

null空

boolean布爾

number數值

string字符串

object


爲什麼把css js文件和html文件分開

方便維護

提高網頁加載速度

因爲瀏覽器有緩存,所以儘管第一次下載網頁的速度相對於不分開來說比較慢,但是以後的下載速度就會比較快


js模塊化

不同功能對應的js代碼放在不同的文件中 便於維護




塊級元素哪些:

內聯元素哪些:

區別:

發佈了42 篇原創文章 · 獲贊 6 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章