2018前端面試題總結

2021-08-17 01:35:29 字數 1958 閱讀 9922

1.   對深拷貝的理解,如何進行深拷貝

2.   專案中使用的壓縮工具

3.   預載入是怎麼實現的,是前台實現還是後台

4.   打包工具

5.   開發中,怎麼相容es6新語法

6.   事件委託的理解

7.   閉包都什麼時候用到

a.匿名自執行函式 b.封裝 c.實現類和繼承

8.   陣列去重都哪些方法,es6裡有乙個方法

9.   怎麼繼承乙個物件的所有屬性

10. 如何獲取url上的乙個id,是直接獲取嗎

11. 前端優化

12. 有沒有在開發中用到原型

13. 除了bootstrap之外還用過哪些布局框架

14. 瀏覽器核心有哪些,分別都有哪些瀏覽器

15. 垂直居中的實現

16. mvc,mvvm開發模型

17. es6  promise

18. lodash   js的工具函式

19. http狀態碼

20. 跨域 ,jsonp

21. js資料型別

22.amd和cmd

23.原型鏈

25、$extend 和$fn.extend

26、display:inline-block元素間間距的解決方案

27、記憶體洩漏

28、的base64

29、display有哪些值,有什麼區別

30、對語義化的理解

31、變數提公升

32、銷毀閉包

33、陣列的原生方法有哪些

34、cookie sessionstorage localstorage理解和區別

cookies相容所有的瀏覽器,html5提供的storage儲存方式。

•       document.cookie

•       window.localstorage

•       window.sessionstorage

cookie資料始終在同源的http

請求中攜帶(即使不需要),即cookie在瀏覽器和伺服器間來回傳遞。而sessionstorage和localstorage不會自動把資料發給伺服器,僅在本地儲存。

儲存大小限制也不同,cookie資料不能超過4k,同時因為每次http

請求都會攜帶cookie,所以cookie只適合儲存很小的資料,如會話標識。sessionstorage和localstorage 雖然也有儲存大小的限制,但比cookie大得多,可以達到5m或更大。

資料有效期不同,sessionstorage:僅在當前瀏覽器視窗關閉前有效,自然也就不可能持久保持;localstorage:始終有效,視窗或瀏覽器關閉也一直儲存,因此用作持久資料;cookie只在設定的cookie過期時間之前一直有效,即使視窗或瀏覽器關閉。

作用域不同,sessionstorage不在不同的瀏覽器視窗中共享,即使是同乙個頁面;localstorage 在所有同源視窗中都是共享的;cookie也是在所有同源視窗中都是共享的。

35、get請求和post請求的區別

36、vue資料雙向繫結原理

37、什麼是單頁應用,不用框架怎麼實現單頁應用,單頁應用的優點,和路由跳轉有什麼區別

38、vue的優勢

39、vue怎麼給所有元件新增乙個公用方法

40、vue父子間通訊,兄弟間通訊

41、vue框架如何體現mvvm框架

42、vue-router的實現原理

43、瀏覽器核心

44、用原生js怎麼實現es6的promise

45、jquery和zepto的區別

46、$router和$route的區別

47、css布局:三欄布局,左右自適應,中間固定;左右固定,中間自適應(  上下固定,中間自適應(box-sizing;absolute)

48、兩個棧實現乙個佇列

49、輸入url之後所發生的事情

50、new關鍵字都做了哪些事情

51、

2023年前端面試題總結

首先是問答題 什麼是標籤語義化?使標籤有自己的含義。語義化標籤主要有以下幾點好處 1.在沒有css樣式表時也可以展示出很好的頁面結構。2.有利於seo 搜尋引擎優化 3.方便其他裝置 閱讀器等 按語 析渲染頁面。4.合理的語義化標籤有利於 的維護。在html中,i em標籤的區別?b strong標...

前端面試題總結

什麼是盒子模型?元素寬度是否包含margin寬度?padding百分比是相對於父級寬度還是自身寬度?解釋px和em?答 盒子模型又稱框模型,包含了元素內容 內邊距 邊框 外邊距幾個要素。元素內容不包括margin寬度,但是ie模式的width包括content padding border,w3c的...

前端面試題總結

1.彈性布局 flex布局是css3中新增的一種布局方式。元素排列方式 flex direction 超出行是否換行 nowrap不換行 flex wrap 水平對齊方式 justify content 垂直對齊方式 align items 實現水平居中對齊 display flex justify...