大廠面試題


 

js:
怎么實現this對象的深拷貝
文件上傳如何做到斷點續傳
表單可以跨域嗎
promise,async有什么區別
搜索請求如何處理(防抖)
搜索請求中文如何請求
介紹觀察者模式
介紹中介者模式
觀察者和訂閱發布的區別,各自用在哪里
介紹service worker
介紹promise,異常捕獲
瀏覽器事件流向
介紹事件代理及其優缺點
介紹this各種情況
前端怎么控制管理路由
使用路由時出現問題如何解決
js異步解決方案的發展歷程以及優缺點
對async,await的理解,內部原理
介紹下promise,內部實現
bind,call,apply的區別
動畫的了解
介紹下原型鏈(解決的是繼承問題嗎)
對跨域的了解
介紹暫時性死區
es6中map和原生的對象有什么區別
如何設計promise.all()
sum(2,3)實現sum(2)(3)的效果
兩個對象如何比較
js原型
變量作用域鏈
防抖和節流的區別
介紹各種異步方案
介紹Fiber
介紹dom樹對比
項目中如何應用數據結構
設計模式-前端開發中用到哪些設計模式
[1,2,3,4,5]變成[1,2,3,a,b,5]
取數組最大值(es5,es6)
es5和es6有什么區別
some,every,find,filter,map,forEach有什么區別
頁面上有一萬個button如何綁定事件
如何判斷是button
頁面上生成一萬個button,並且綁定事件,如何做(js原生操作dom)
循環綁定時的index是多少,為什么,怎么解決
頁面上有一個input,還有一個p標簽,改變input后p標簽就跟着變化,如何處理
監聽input哪個事件,在什么時候觸發
對閉包看法,為什么要使用閉包,閉包為什么沒清除,使用場景
手寫去重函數
手寫數組扁平化函數
介紹promise用途和性質,promise有幾個狀態
promise的精髓,以及優缺點
promise和callback有什么區別
es6新特性
對PWA有什么了解
介紹下數字簽名的原理
前后端通信使用什么方案
restful常用method
access-control-allow-origin在服務端哪里配置
csrf跨站攻擊如何解決
前后端怎么聯調
prototype和_proto_的區別
_construct是什么
new是怎么實現的
原型鏈與繼承
介紹js數據類型,基本數據類型和引用數據類型的區別
Array是Object類型嗎
數據類型分別存在哪里
var a = {name:"前端開發"}; var b = a; a = null; 那么b輸出什么?
var a = {b:1}存放在哪里
var a = {b:{c:1}}存放在哪里
棧和堆的區別
垃圾回收時棧和堆的區別
數組里面有10萬個數據,取第一個元素和第10萬個元素的時間相差多少?
堆和棧具體怎么存儲
js怎么實現異步
異步整個執行周期
promise三種狀態
async/await怎么實現
promise和setTimeout執行先后的區別
js為什么要分微任務和宏任務
promise構造函數是同步還是異步執行,then呢
js執行過程中分為哪些階段
詞法作用域和this的區別
平常是怎么做繼承
深拷貝和淺拷貝
loadash深拷貝實現原理
ES6中let塊作用域是怎么實現的
a,b兩個按鈕,點擊aba,返回順序可能是baa,如何保證是aba(Promise.then)
node接口轉發有沒有做什么優化
node起服務如何保證穩定性,平緩降級,重啟等
遇到的復雜業務場景
promise.all()實現原理
formData和原生ajax區別
介紹下表單提交,和formData有什么關系
如何處理異常捕獲
項目如何管理模塊
判斷數組
交換a和b變量
類數組和數組的區別
dom的類數組如何轉成數組
this
使用原型的最大好處
單例,工廠,觀察者模式項目中實際場景
項目中樹的使用場景及了解
工作收獲
setInterval需要注意的點
定時器為什么是不精確的
setTimeout(1)和setTimeout(2)之間的區別
介紹宏任務和微任務
promise里面和then里面執行有什么區別
介紹class和ES5的類及區別
介紹箭頭函數和普通函數的區別
介紹defineProperty方法,什么時候用到
for...in和object.keys的區別
js是什么范式語言(面向對象還是函數式編程)
promise有沒有解決異步的問題
promise和setTimeout的區別(event loop)
進程和線程的區別(一個node實例就是一個進程,node是單線程,通過事件循環來實現異步)
介紹下DFS深度優先
觀察者模式里面使用的數據結構(不具備順序,是一個list)

 


基礎:
==和===的區別,什么情況下用相等==


存儲:
cookie放哪里,cookie能做的事情和存在的價值
cookie和token都存放在header里面,為什么只劫持前者
cookie和session有什么區別
如何設計一個localStorage,保證數據的實效性
http緩存控制
cookie和localStorage有什么區別


算法:
介紹冒泡排序,選擇排序,冒泡排序如何優化
如何判斷鏈表是否有環
介紹二叉搜索樹的特點
快速排序
前K個最大的元素

 

 

react相關:
react設計思路
react生命周期及自己的理解,對應的生命周期做什么事
遇到性能問題一般在哪個生命周期解決
服務器渲染ssr
介紹react優化
react組件中事件代理(原理,怎么做,解決什么問題)
react組件中怎么做事件代理
react組件事件代理的原理
react中dom結構發生變化后內部經歷了哪些變化
react掛載的時候有3個組件,textComponent,composeComponent,domComponent,區別和關系,dom結構發生變化時怎么區分data的變化,怎么更新,更新怎么調整,如果更新的時候還有其他任務存在怎么處理
key主要解決哪一類問題,為什么不建議用索引index(重繪)
react怎么做數據的檢查和變化
react層面的性能優化(異步加載組件。。)
寫react有哪些細節可以優化
react事件機制(綁定一個事件到一個組件上)
react異步渲染的概念,介紹time slicing 和 suspense
X聲明周期的改變
X中props改變后在哪個生命周期中處理
介紹純函數
pureComponent和functionComponent區別
介紹JSX
如何做RN在安卓和IOS端的適配
介紹虛擬DOM,為什么虛擬dom比真實dom性能好
react常見通信方式
介紹高階組件
react中key的作用
如何設計狀態樹
shouldComponentUpdate是為了解決什么問題
如何解決props層級過深的問題
react/redux中哪些功能用到了哪些設計模式
js變量類型分為幾種,區別是什么
js里垃圾回收機制是什么,常用的是哪種,怎么處理的
Emit事件怎么發,需要引入什么
對react看法,有沒有遇到一些坑
componentWillReceiveProps的觸發條件是什么
介紹下react的Filber架構
畫Filber渲染樹
react使用過的一些組件
介紹immuable
react中setState后發生了什么
setState為什么默認異步
setState什么時候是同步的
虛擬dom主要做了什么
虛擬dom本身是什么(js對象)
添加原生事件不移除為什么會內存泄漏,還有哪些地方會內存泄漏
介紹pureComponent
介紹function Component
react數據流
props和state的區別
介紹react context
重新渲染render會做什么
哪些方法會觸發react重新渲染
state和props觸發更新的生命周期分別有什么區別
對無狀態組件的理解
使用中遇到哪些問題,如何解決的
react的理念是什么(拿函數式編程來做頁面渲染)

 

 

介紹redux,主要解決什么問題
redux整體工作流程
redux和全局對象之間的區別
redux數據回溯設計思路

redux請求中間件如何處理並發
使用過的redux中間件
介紹redux數據流的流程
redux如何實現多個組件之間的通信,多個組件使用相同狀態如何進行管理
多個組件之間如何拆分各自的state,每塊小的組件有自己的狀態,它們之間還有一些公共的狀態需要維護,如何思考這塊
redux中異步請求怎么處理
redux中間件是什么東西,接受幾個參數(兩端的柯里化函數)
柯里化函數兩端的參數具體是什么東西
中間件是怎么拿到store和action,然后怎么處理
state是怎么注入到組件的,從reduce人到組件經歷了什么樣的過程
redux的設計思想
接入redux的過程
connect原理
redux在狀態管理方面解決了react本身不能解決的問題
redux有沒有做過封裝
react父子組件之間如何傳值
介紹下react高階組件,和普通組件有什么區別
一個對象數組,每個子對象包含一個id和name,react如何渲染出全部的name,在哪個生命周期里寫,其中有幾個name不存在,通過異步接口獲取,如何做
渲染的時候key給什么值,可以使用index嗎,用id還是index好
redux怎么實現屬性傳遞,介紹下原理
redux狀態管理和變量掛載到window中有什么區別
介紹下redux整個流程原理
介紹redux接入流程
redux和全局管理有什么區別(數據可控,數據響應)

 

 

如何配置react-router
路由的動態加載模塊
介紹路由的history
react-router怎么實現路由切換
react-router里的<Link>標簽和<a>標簽有什么區別
<a>標簽模式事件禁掉之后做了什么才實現了跳轉


nodejs相關:
使用過的koa2中間件
koa原理,和express對比
koa-body原理
介紹自己寫過的中間件
有么有涉及到Cluster
介紹pm2
master掛了的話pm2怎么處理
如何和mysql進行通信
koa中response.send,response.rounded,response.json發生了什么事,瀏覽器為什么能識別到它是一個json結構或是HTML
koa-bodyparser怎么來解析request
koa2中間件原理
常用中間件
服務端怎么做統一的狀態管理
如何對相對路徑引用進行優化
node文件查找優先級
npm2和npm3+有什么區別

 

 

工具相關:
使用過webpack里面哪些plugin和loader
webpack里面的插件是怎么實現的
dev-server是怎么跑起來的
項目優化
抽取公共文件是怎么配置的
import {Button} from 'antd-design',打包的時候只打包button,分模塊加載,是怎么做到的
使用import時,webpack對node_modules里的依賴會做什么
webpack整個生命周期,loader和plugin有什么區別
webpack介紹
webpack生命周期
webpack打包的整個過程
常用的plugins
pm2怎么做進程管理,進程掛掉怎么處理
不用pm2怎么做進程管理
一般怎么組織css(webpack)
webpack如何配sass,需要配哪些loader
配css需要哪些loader
如何配置把js,css,html單獨打包成一個文件
如何實現分模塊打包(多入口)
打包時hash碼是怎么生成的
隨機值存在一樣的情況,如何避免
使用webpack構建時有沒有做一些自定義操作
webpack做了什么

 

 

 

http、瀏覽器相關:
介紹下瀏覽器跨域
如何解決跨域的問題
jsonp方案需要服務端怎么配合
ajax發生跨域要設置什么(前端)
加上CORS后從發起到請求正式成功的過程
xsrf跨域攻擊的安全性問題怎么防范
使用async會注意哪些東西
async里面有多個await請求,可以怎么優化(請求是否有依賴)
promise和async處理失敗的時候有什么區別
表單可以跨域嗎
常見http請求頭
介紹http2.0
通過什么做到並發請求
http1.1如何服用tcp連接
http報文請求有幾個部分
跨域怎么解決,有沒有使用過Apache等方案
從輸入URL到頁面加載全過程
tcp三次握手
tcp屬於哪一層(傳輸層)
介紹下http狀態碼
403,301,302,304是什么
緩存相關的http請求頭
介紹https
https怎么建立安全通道
如何去除URL中的#號
並發請求資源數上限(6個)
cors如何設置
jsonp為什么不支持post方法
介紹同源策略
網絡的五層模型
https加密過程
介紹SSL和TLS
介紹DNS解析

 

 

 


移動端:
移動端適配1px的問題
webView和原生是如何通信
安卓4.0到6.0過程中webview對js兼容性的變化
安卓activity之間數據是怎么傳遞的
介紹AST抽象語法樹
如何實現H5手機端的適配
rem、flex的區別(root em)
em和px的區別

 


css:
介紹flex布局
其他css方式設置垂直居中
居中為什么要使用transform(為什么不使用margin-left/top)
介紹css3中的position:sticky
清楚浮動
定位問題
transform動畫和直接使用left,top改變位置有什么優缺點
兩個元素塊,一左一右,中間相距10像素,上下固定,中間滾動布局如何實現
css選擇器有哪些
盒子模型,標准情況和IE下的區別
如何實現高度自適應

 

前端安全:
項目中如何處理安全問題


前端性能:
整個前端性能提升大致分幾類
如何做工程上的優化
性能優化(js,css,圖片,緩存預加載,SSR,多域名加載,負載均衡)
base64為什么能提升性能,缺點
介紹webp這個圖片文件格式

 

測試:
前端怎么做單元測試

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM