大廠高級前端面試題答案

阿里

使用過的koa2中間件html

www.jianshu.com/p/c1e0ca3f9…

koa-body原理
blog.csdn.net/sinat_17775…node

有沒有涉及到Cluster
nodejs.cn/api/cluster…react

介紹pm2
PM2是node進程管理工具,能夠利用它來簡化不少node應用管理的繁瑣任務,如性能監控、自動重啓、負載均衡等,並且使用很是簡單redux

master掛了的話pm2怎麼處理
www.cnblogs.com/Yanss/p/101…segmentfault

如何和MySQL進行通訊
node爲例
www.fly63.com/article/det…api

React聲明週期及本身的理解
react.docschina.org/docs/state-…跨域

如何配置React-Router
react-china.org/t/react-rou…瀏覽器

路由的動態加載模塊
blog.csdn.net/qq_35484341…bash

服務端渲染SSR
以react 服務端渲染爲例

介紹路由的historyreact-router

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,每塊小的組件有本身的狀態,它們之間還有一些公共的狀態須要維護,如何思考這塊

狀態提高,找到容器組件和展現組件,保證惟一數據源和單向數據

對於組件的拆分還要作到高內聚低耦合

react.docschina.org/docs/liftin…

使用過的Redux中間件

redux-thunk
redux-logger

圖解瀏覽器的工做原理
mp.weixin.qq.com/s/X4...

未完待續

相關文章
相關標籤/搜索