配合前面的面試總結一起**更佳,傳送門:前端面試總結——函括80%常見題目(上)(1)什麼是盒子模型?
盒子模型分為兩種:ie盒子和w3c盒子。
(2)什麼是bfc,它有什麼作用?
bfc全稱塊級格式化上下文,它相當於頁面上乙個渲染區域,他規定了內部元素如何定位以及外部元素與該區域的相互作用關係。
它主要有以下特徵:
(3)如何建立bfc?
(4)如何清除浮動?
.float_div:after
.float_div
(5)css選擇器權重規則是什麼?
(6)css3新特性有哪些?
(7)css3動畫(簡單動畫的實現,如旋轉等)
(8)如何進行響應式樣式編寫?
@media screen and (max-width:960px)
}
當裝置螢幕尺寸小於960px時,執行以上樣式
(1)什麼是閉包?
利用函式巢狀的辦法,把內部變數返回到外部作用域中供外部訪問。本質上是利用函式來儲存變數。
(2)什麼是作用域鏈?
作用域是規定當前函式或變數可以訪問的範圍,而作用域當中規定只有內部能訪問外部,而外部無法訪問內部,從內部沿著外部一層層的作用域進行訪問的鏈式範圍叫作用域鏈
(3)什麼是原型?什麼是原型鏈?
(4)js的dom事件模型是什麼?
事件捕獲–事件目標觸發事件–事件冒泡
(5)什麼是dom事件流?
當乙個元素觸發事件時,該事件從根節點開始通過捕獲到達目標節點,然後再通過冒泡傳遞到window
物件的過程,成為dom事件流
(6)如何阻止冒泡和預設行為?
//阻止冒泡:
//w3c中:
e.stoppropagation()
//ie:
cancelbubble =
true
//阻止預設行為:
//w3c:
e.preventdefault()
//ie:
window.event.returnvalue =
false
(7)this物件有什麼特點?
this始終指向它的直接呼叫者,如果有new
關鍵字,則指向new出來的那個物件,另外,在settimeout
等非同步事件中,始終指向全域性window物件
(8)new建構函式的過程中發生了什麼?
兩者都是用於類的繼承,第乙個引數都是傳入this的指向物件,關鍵在於後面的引數:
call:傳入單個引數,並且這些引數會依次傳入父類中執行
(10)ajax的原理是什麼?
原理簡單來說,就是在使用者和伺服器之間架設了乙個中間層(ajax引擎),通過xmlhttprequest
物件,向伺服器非同步傳送請求,從伺服器中獲取資料,然後利用js操作dom完成頁面操作。
原生ajax:
}}(11)ajax中的狀態值(readystate)含義:
(12)常用的字串和陣列操作方法有哪些?
陣列:
arr.length //獲取陣列長度
arr.
push
(x1,x2,
...)
//將引數新增到arr陣列尾部,返回它更新後的長度
arr.
unshift
(x1,x2...
)//與上面作用一樣,但新增的位置是arr陣列頭部
arr.
pop(
)//刪除陣列中最後乙個元素
arr.
shift()
//刪除陣列中第乙個元素
arr.
join
('x'
)//以引數作為分隔符,把陣列中的各項連線起來變成字串返回
arr.
sort()
//對陣列內元素排序,一般需要傳入乙個函式如公升序:function(a,b)
arr.
concat
(arr2,arr3)
//把多個陣列合併
arr.
slice
(start,end)
//從start索引到end之間的範圍內所有元素擷取出來
arr.
splice
(index,count)
//從index處刪除count個元素,如果在count之後繼續傳參,那麼將在刪除後把這些引數插入到陣列中
arr.
indexof
(value,index)
//從index開始搜尋有沒有vaule,存在則返回,沒有則返回-1。其中index非必要傳遞
字串:
str.
charat
(index)
//返回在字串中index索引代表的字元
str.
charcode
(index)
//返回指定字元的編碼
str.
substring
()\str.
slice()
//用法和作用跟陣列一樣
str.
substr
(start,len)
//從start位置開始擷取len長度的字串
str.
split
('-'
)//把乙個字串分割成字串陣列,引數是該字串中存在的某字元,以此為分割
str.
replace()
//將字串中的一些字元用另一些字元替換
前端面試總結 函括80 常見題目(上)
最近面試,遇到了不少基礎題和一些不常見的拓展類問題,直接擊穿了自己的誤以為滴水不漏的知識基礎體系,所以趁著拿到offer後這段空閒時間做了一點整理,主要是一面和二面時常見的題目,包括了筆試和面試官的基礎問答。1 http協議的主要特點?無狀態 無連線 靈活 簡單快速 什麼是無狀態 無連線,這還可以牽...
前端面試題目總結
答 一 html含義及語法 含義 html hyper text markup language 超文字標記語言,是一種標記語言,用來描述網頁的,而非程式語言。語法 使用固定的標記標籤 單標記和雙標記 來描述網頁。單標記 雙標記 var 宣告存在變數提公升,let和const不存在變數提公升 let...
前端面試 前端面試總結2018 07
2周面試了11家公司吧,具體面試題如下 面試第一周 7.23 7.27 中谷芯厚建 蘇寧vivo外包 電面 杭州通策會 第二週 7.30 8.3 南京軟體谷研究院 烽火科技 邁特望,蘇寧外包 電面 平安科技外包 華泰 外包 一輪 技術面,二輪現場技術面 三隻松鼠 電面 一.中谷芯 二.厚建 angu...