前端面試筆記

2021-10-20 06:46:39 字數 1533 閱讀 5913

1. flex布局屬性

設定在父容器上的屬性:

設定在專案上的屬性:

2. bfc

形成條件:

作用:

3. http快取:強快取 弱快取

4. 跨域 iframe form

6. promise 的方法

7. es6

8. 瀏覽器輸入乙個網域名稱,過程

9. 簡單請求 複雜請求 options

這兩種請求的區別主要在於是否會觸發cors(cross-origin resource sharing)預檢請求

簡單請求:

1. 請求方法:

2. 不能自定義請求頭header, 以下頭部資訊除外:

3. content-type 的值僅限於下列三者之一:

複雜請求:

不符合簡單請求的就是複雜請求。在實際進行請求之前,需要發起預檢請求的請求。

案例:

簡單請求與複雜請求的跨域設定:

針對簡單請求,在進行cors設定的時候,我們只需要設定

access-control-allow-origin:*

// 如果只是針對某乙個請求源進行設定的話,可以設定為具體的值

access-control-allow-origin: ''

針對複雜請求,我們需要設定不同的響應頭。因為在預檢請求的時候會攜帶相應的請求頭資訊

access-control-request-method: post

access-control-request-headers: x-customer-header, content-type

相應的響應頭資訊為:

access-control-allow-origin: 

access-control-allow-methods: post, get, options

access-control-allow-headers: x-pingother, content-type

// 設定max age,瀏覽器端會進行快取。沒有過期之前真對同乙個請求只會傳送一次預檢請求

access-control-max-age: 86400

11. https 與 http 的區別

13. tcp 三次握手, 四次揮手

14. vue data資料更新了, beforeupdate update 執行了麼

15. computed watch 區別

computed:

watch:

17. 判斷物件,判斷陣列,判斷資料型別的方法

判斷資料型別:

前端面試筆記

1.star原則 star法則,即為situation task action result的縮寫,具體含bai義是 situation 事情是在什麼情況du下發生zhi task 你是如何明確你的任務的 action 針對這dao樣的情況分析,你採用了什麼行動方式 result 結果怎樣,在這樣的...

前端面試筆試題(二)

1 css3新增偽類有哪些?2 html5有哪些新特性 移除了哪些元素?如何處理html5新標籤的瀏覽器相容問題?如何區分html和html5?3 使用jquery遇到過哪些問題?你是怎麼解決的?4 jquery中有哪些方法可以遍歷節點?5 在ajax中data主要有幾種方式?6 自定義指令 v c...

前端面試筆試題分享

2019年9月中旬,決定從之前的公司離職。恰逢家裡有些事情,我 上旬的末尾重新回到上海,並與中旬開始投遞簡歷。感覺不同於以前,不需要怎麼複習就能拿 offer,我開始去面試的時候,大多時候面壁。在這期間,想想還是寫點 blog,記錄下來這次特殊的求職經歷,並以此共勉。筆試題其實對面試者來說,並不友好...