2023年前端面試題

2021-09-27 10:06:02 字數 2404 閱讀 8248

時間過的也蠻快,今年迎來了第一次面試前端,其實我很緊張,第一次面試,下面是面試題,希望對今年找工作的你有所幫助。

1、空間複雜度和時間複雜度

空間複雜度:s(n)=o(f(n))

時間複雜度:1,log2n,n,n^2,n^3,logn^2

2、http協議的狀態碼及其表達的意思:

狀態碼:

1xx:提示資訊,請求接收

2xx:請求成功

3xx:重定向

4xx:客戶端錯誤

5xx:伺服器端錯誤

各個狀態碼代表的意思:

200:請求成功

204:請求受理,但沒有資源返回

206:請求資源的一部分

301:永久重定向

302:臨時重定向

303:和302像,只是在客戶端請求乙個url,通過get的方法重定向到另乙個url上

304:傳送附帶條件請求,與重定向無關

307:臨時重定向,需要強制使用post方法(可以與302,303區分,畢竟我遇到了)

400:報文有誤

401:需要認證

402:需要付費

403:禁止

404:伺服器錯誤

500:伺服器內部錯誤

503:伺服器正忙

3、https為什麼是http的加強版?

https是http加上了ssl加密處理的。

5、http和tcp的關係?

http是基於tcp

6、http和put的關係?

put是http的方法之一

7、補充http的方法

get:請求url,通過get返回到伺服器

put:傳輸檔案

head:獲取報文首部

delete:刪除檔案

optlons:查詢

8、html5你用過哪些新特性?

center,img,button,input,footer等

9、css中的空格和逗號的區別

空格代表同級class,逗號代表前面是後面的父親

10、css選擇器的優先順序

!import > 內聯樣式 > id選擇器 > (類選擇器、屬性選擇器、偽類選擇器) > (元素選擇器、偽元素選擇器)

注意:萬用字元(*)、關係符(+、>、~、『』、||)和否定偽類(not())對於優先順序是沒有影響的

11、什麼是dom樹?

把整個文件看成一棵樹,樹的分支點就是節點,同時定義很多方法來操作這些節點

12、dom樹的組成部分

文件文件物件

文件物件模型

13、dom樹的三種常見節點

文件節點

元素節點

屬性節點

14、什麼是事件冒泡

當事件發生後,這個事件開始傳播(由內向外或由外向內)

15、什麼是js閉包

是可以訪問其他函式內部變數的函式

16、js的基本型別有幾個?分別是哪幾個?哪個是es6新增?

有7個基本型別,number、string、null、undefined、onject、boolean、symbol

symbol是由es6新增

17、js如何建立cookie?

document.cookie

18、js如何銷毀cookie?

del-cookie("task-old")

19、簡述一下你對vue的認識

是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫            只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫                結合使用時,vue 也完全能夠為複雜的單頁應用提供驅動。

20、vue框架為什麼讓網頁擁有更高的執行效率?

vue當中沒有真正操作dom節點,而是進行的虛擬dom的操作。

vue是一套用於構建使用者介面的漸進式框架。

21、position的幾個值?

absolute:絕對定位,相對於static定位以外,第乙個父元素定位

relative:相對定位,相對於正常位置定位

fixed:絕對定位,相對於瀏覽器視窗定位

inherit:從父元素繼承

sticky:粘性定位,基於使用者滾動定位

22、absolute和fixed的區別

同為絕對定位的他們,absolute是相對於static定位外的第乙個父元素定位而fixed是相對於瀏覽器定位。

23、瀏覽器有哪些儲存資料的方法?其特點是什麼?

cookie儲存資料

在客戶端儲存會話資訊,記錄使用者狀態,當頁面關閉後資料也不會丟失

userdata儲存資料

只適用於ie,當頁面關閉或者重新整理資料也不會丟失

web儲存資料

無需在客戶端和伺服器端來回傳輸資料,並且儲存大量跨會話資料

2023年前端面試題總結

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

前端面試題2019

2.下列哪個方法可以 物件的讀和寫?object.defineproperty proxy object.frzee object.assign 3.請選出 執行後列印的輸出 4.選出可以阻止 form 的 submit 的方法?onsubmit function event onsubmit fu...

2023年前端面試題 更新中

1.margin 0 auto 水平 2.text align center 水平 3.行高,垂直 4.center,middle 水平垂直 5.display table cell 模擬 all 6.絕對定位,50 減自身寬高 7.絕對定位,上下左右全0,margin auto 8.絕對定位加相對...