前端面試題整理

2021-09-14 04:34:00 字數 1395 閱讀 9117

1.html5的新特性。

主要講講新增哪些api:地理定位,拖放,web儲存應用快取,webworkers, sse 。
2.css3的新特性。

3、使用嚴格模式的限制有哪些。

4、什麼是同源?什麼情況下就屬於跨域?怎麼解決跨域說出三種以上的方法,jsonp原理是什麼。

同源:協議,網域名稱,埠相同

方法一:cors

方法二:jsonp

5、es5中的繼承怎麼繼承的?

借用建構函式繼承、組合繼承、原型式繼承、寄生式繼承、寄生組合式繼承
6、什麼是promise物件?

見阮一峰:《ecmascript6入門》
7、es6你用過哪些新特性?

8、箭頭函式與普通函式區別?

箭頭函式:  本身不產生this物件,共享父級this物件

本身沒有arguments,共享父級arguments

不能作為建構函式

9、let宣告與var宣告的區別?

let:不存在變數提公升、存在塊級作用域、不可以重複宣告。
10、如何設定錨點?

11、做過哪些靜態網頁的網頁優化?

12、cookie怎麼訪問資料的。

setcookie、getcookie、deletecookie
13、陣列的splice、slice的區別,substring與substr的區別。

splice與slice的區別:

1、slice方法會建立乙個或多個陣列,在新的陣列上進行操作。splice方法是在原陣列上進行操作。

2、如果傳入兩個方法傳入的都是兩個引數,slice方法的第乙個引數是擷取的起始位置,第二個引數是擷取的結束位置。splice方法的第乙個引數也是擷取的起始位置,第二個引數是擷取的個數。

substring和substr的區別:

兩個都是擷取字串,如果出入的是兩個引數,substring的第乙個引數是擷取的起始位置,第二個引數是擷取的結束位置,substr的第乙個引數是擷取的起始位置,第二個引數是擷取的個數。

14、如何設定乙個未知寬、高的對話方塊在頁面中絕對居中。

用彈性盒子,設定display:flex;justify-content:center;align-items:center;
待後續更新。。。

前端面試題整理

從瀏覽器位址列輸入url到顯示頁面的步驟 以http為例 在瀏覽器位址列輸入url 瀏覽器檢視快取,如果請求資源在快取中並且新鮮,跳轉到轉碼步驟 如果資源未快取,發起新請求 如果已快取,檢驗是否足夠新鮮,足夠新鮮直接提供給客戶端,否則與伺服器進行驗證。檢驗新鮮通常有兩個http頭進行控制expire...

前端面試題整理

js 1 ajax 原理 ajax的基本原理總結 2 原型和原型鏈 原型和原型鏈 3 深拷貝淺拷貝 js的深拷貝和淺拷貝 4 繼承有幾種方式 js繼承的幾種方式 5 閉包 js閉包 6 阻止事件冒泡,和預設事件 阻止事件冒泡,阻止預設事件 7 陣列去重 物件去重 8 陣列有哪些方法 9 promis...

前端面試題(整理)

1.什麼時候需要清除浮動,清除浮動的方法有哪些?樣式與當前div衝突時需要清除浮動。方法 1 末尾額外增加乙個空標籤 2 通過設定父元素overflow值設定為overflow hidden 再ie6中需要出發haslayout,例如zoom 1 3 為父元素設定寬高 4 使用 br標籤和其自身的 ...