我的前端面試題

2021-07-03 14:28:17 字數 1838 閱讀 4666

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**放在不同的檔案中 便於維護

塊級元素哪些:

內聯元素哪些:

區別:

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...