大廠高階前端面試題答案

2021-09-12 17:07:26 字數 2054 閱讀 5229

使用過的koa2中介軟體

koa-body原理

有沒有涉及到cluster

介紹pm2

pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控、自動重啟、負載均衡等,而且使用非常簡單

master掛了的話pm2怎麼處理

如何和mysql進行通訊

node為例

react宣告週期及自己的理解

如何配置react-router

路由的動態載入模組

服務端渲染ssr

以react 服務端渲染為例

介紹路由的history

history 物件最初設計來表示視窗的瀏覽歷史。但出於隱私方面的原因,history 物件不再允許指令碼訪問已經訪問過的實際 url。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

window.history.pushstate(stateobject,title,url )

將當前url和history.state加入到history中,並用新的state和url替換當前,不會造成頁面重新整理。

--引數解釋

stateobject //與要跳轉到的url對應的狀態資訊,沒有特殊的情況下可以直接傳{}

title //現在大多數瀏覽器不支援或者忽略這個引數,我們在用的時候建議傳乙個空字串

url //這個引數提供了新歷史紀錄的位址,它不一定要是絕對位址,也可以是相對的,不可跨域

window.history.replacestate(stateobject,title,url)

用新的state和url替換當前,不會造成頁面重新整理。

--引數解釋

stateobject //與要跳轉到的url對應的狀態資訊,沒有特殊的情況下可以直接傳{}

title //現在大多數瀏覽器不支援或者忽略這個引數,我們在用的時候建議傳乙個空字串

url //這個引數提供了新歷史紀錄的位址,它不一定要是絕對位址,也可以是相對的,不可跨域

執行完之後,我們發現不能回退了,是不是就跟window.location.replace()實現同樣的效果了

原文:

react-router 中的history

介紹redux資料流的流程

redux如何實現多個元件之間的通訊,多個元件使用相同狀態如何進行管理

請使用狀態提公升的方式在多個元件之間共享資料

切記維持應用單向資料流和資料唯一**原則。

react 小例子

多個元件之間如何拆分各自的state,每塊小的元件有自己的狀態,它們之間還有一些公共的狀態需要維護,如何思考這塊

狀態提公升,找到容器元件和展示元件,保證唯一資料來源和單向資料

對於元件的拆分還要做到高內聚低耦合

使用過的redux中介軟體

redux-thunk

redux-logger

**瀏覽器的工作原理

如何解決跨域的問題

常見http請求頭

cache-control和etag

移動端retina螢幕1px邊框

移動端適配總結

未完待續

大廠高階前端面試題答案

使用過的koa2中介軟體 koa body原理 有沒有涉及到cluster 介紹pm2 pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控 自動重啟 負載均衡等,而且使用非常簡單 master掛了的話pm2怎麼處理 如何和mysql進行通訊 node為例 rea...

大廠高階前端面試題答案

使用過的koa2中介軟體 koa body原理 有沒有涉及到cluster 介紹pm2 pm2是node程序管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如效能監控 自動重啟 負載均衡等,而且使用非常簡單 master掛了的話pm2怎麼處理 如何和mysql進行通訊 node為例 rea...

前端面試題答案整理之CSS

適用於寬高已知的元素。item item 利用flex布局,不限制寬高 parent item parent item item item 居中div中的內容 缺點是如果div寬度設定不夠,內容會自動換行超出容器。只有當div的寬度足夠容納文字時,才會達到想要的效果,適用於單行文字居中。item i...