面試常見問題記錄-GuanJunMa先生提供

JS基礎

原型鏈
設計模式
從你輸入url 都發生了些什麼
問js上傳文件時斷點續傳的解決思路
虛擬DOM原理
跨域的問題
深拷貝
promise
promise、async有什麼區別 內部實現
Async裏面有多個await請求，能夠怎麼優化
防抖和節流的區別
搜索請求中文如何請求
瀏覽器事件流向
JS異步解決方案的發展歷程以及優缺點
柯里化函數兩端的參數具體是什麼東西
計算機網絡基礎概念
bind、call、apply的區別
暫時性死區
觀察者和發佈-訂閱的區別
兩個對象如何比較
變量做用域鏈
JS變量類型分爲幾種，區別是什麼
JS裏垃圾回收機制是什麼，經常使用的是哪一種，怎麼處理的
some、every、find、filter、map、forEach有什麼區別
頁面上有1萬個button如何綁定事件 ？？？？？？？？？？？
頁面上有一個input，還有一個p標籤，改變input後p標籤就跟着變化，如何處理
監聽input的哪一個事件，在何時觸發
對閉包的見解，爲何要用閉包
ES6新的特性
介紹下數字簽名的原理
RESTful經常使用的Method
localStorage和cookie有什麼區別
Array是Object類型嗎
棧和堆的區別
數組裏面有10萬個數據，取第一個元素和第10萬個元素的時間相差多少
閉包的使用場景
JS怎麼實現異步
JS爲何要區分微任務和宏任務
ES6中let塊做用域是怎麼實現的
Promise.all實現原理
如何判斷一個變量是否是數組 是否是對象
使用原型最大的好處
setInterval須要注意的點
定時器爲何是不精確的
介紹宏任務和微任務
介紹箭頭函數和普通函數的區別
get和post有什麼區別
事件代理
複製代碼

HTTP

介紹HTTPS
HTTPS怎麼創建安全通道
http對應的狀態碼
http請求頭
Http報文的請求會有幾個部分
cookie放哪裏，cookie能作的事情和存在的價值
cookie和token都存放在header裏面，爲何只劫持前者
cookie和session有哪些方面的區別
http緩存控制
加上CORS以後從發起到請求正式成功的過程
介紹下跨域
http全過程
輸入域名(url)
複製代碼

CSS

flex佈局
Css垂直居中問題
居中爲何要使用transform（爲何不使用marginLeft/Top）
動畫的瞭解
transform動畫和直接使用left、top改變位置有什麼優缺點
介紹css，xsrf
div垂直水平居中（flex、絕對定位）
兩個元素塊，一左一右，中間相距10像素
上下固定，中間滾動佈局如何實現
CSS選擇器有哪些
盒子模型，以及標準狀況和IE下的區別
rem、flex的區別（root em）
em和px的區別
如何實現高度自適應
介紹SSL和TLS
複製代碼

算法

取數組的最大值（ES五、ES6）
基礎的排序算法 手寫 優化
上述數組隨機取數，每次返回的值都不同
如何找0-5的隨機數，95-99呢
手寫數組去重函數
介紹快速排序
解析 URL Params 爲對象
儘量的全面正確的解析一個任意 url 的全部參數爲 Object，注意邊界條件的處理。
實現一個簡單的模板引擎
實現一個簡單的虛擬 DOM 渲染
字符串查找
請使用最基本的遍從來實現判斷字符串 a是否被包含在字符串b中，並返回第一次出現的位置（找不到返回-1）。
數字變成千分符的形式
複製代碼

Webpack

生命週期 打包的整個過程
使用過webpack裏面哪些plugin和loader
webpack裏面的插件是怎麼實現的
webpack整個生命週期，loader和plugin有什麼區別
webpack如何配sass，須要配哪些loader
配css須要哪些loader
複製代碼

框架

花時間入門一下react相關概念和麪試必考問題
vue react 區別
react、vue生命週期和理解
如何配置React-Router、Vue-Router、路由動態加載
Redux和Vuex原理
使用過的Redux中間件
如何解決props層級過深的問題
介紹下事件代理，主要解決什麼問題
React子父組件之間如何傳值
React中setState後發生了什麼
setState爲何默認是異步
setState何時是同步的
什麼是單頁項目、	介紹單頁面應用和多頁面應用
react常見的通訊方式
從新渲染render會作些什麼
對無狀態組件的理解
介紹Redux工做流程
react的理念是什麼（拿函數式編程來作頁面渲染）
複製代碼

Node

koa2中間件原理
koa原理，爲何要用koa(express和koa對比)
複製代碼

混合開發

WebView和原生是如何通訊
混合app經驗
漸進式 Web 應用
複製代碼

項目優化

用戶體驗作過什麼優化
項目優化
項目安全
前端性能優化	
前端怎麼作單元測試
pm2怎麼作進程管理，進程掛掉怎麼處理
對安全有什麼瞭解
先後端通訊使用什麼方案
如何實現分模塊打包（多入口）
前端性能優化（1js css；2 圖片；3 緩存預加載； 4 SSR； 5 多域名加載；6 負載均衡）
併發請求資源數上限（6個）
base64爲何能提高性能，缺點
遇到的複雜業務場景
如何對相對路徑引用進行優化
複製代碼

喜馬拉雅

ES6新的特性
介紹Promise
Promise有幾個狀態
說一下閉包
React的生命週期
componentWillReceiveProps的觸發條件是什麼
React16.3對生命週期的改變
介紹下React的Filber架構
畫Filber渲染樹
介紹React高階組件
父子組件之間如何通訊
Redux怎麼實現屬性傳遞，介紹下原理
React-Router版本號
網站SEO怎麼處理
介紹下HTTP狀態碼
40三、30一、302是什麼
緩存相關的HTTP請求頭
介紹HTTPS
HTTPS怎麼創建安全通道
前端性能優化（JS原生和React）
用戶體驗作過什麼優化
對PWA有什麼瞭解
對安全有什麼瞭解
介紹下數字簽名的原理
先後端通訊使用什麼方案
RESTful經常使用的Method
介紹下跨域
Access-Control-Allow-Origin在服務端哪裏配置
csrf跨站攻擊怎麼解決
前端和後端怎麼聯調
數據結構和算法
1說一下你作的項目吧，em和rem如何適配的？
懶加載你用過不是？說一下如何實現，代碼大概說一下吧？原生js如何實現？防抖節流說一下
js如何實現倒計時？2種辦法說一下吧
瀏覽器的跨域幾種辦法？說一下如何實現？
瀏覽器的優化方式？我各個方面都說了大概10多種
es6有用過嗎？裏面有個class能夠實現繼承，說一下吧，組合繼承和寄生組合繼承？有啥區別？還有啥繼承？
promise有了解過嗎？他是如何實現異步的？說一下原理吧？
深淺拷貝？如何實現都？深拷貝關鍵點是啥？
ajax你有使用過不是？表單的數據經過和後臺對接這個過程說一下吧？代碼能夠大概說一下嗎？都是啥過程？有幾步？
還有好多網絡題，都回答了個大概..由於大二剛開課計算機網絡，知識點太多太難記了
css三角形？大概說一下代碼如何實現？
css清除浮動？有啥辦法？幾種？最好的辦法是啥？有啥優化方式嗎？
js原型鏈和原型？如何使用？原理是啥？
複製代碼

箭頭函數
es6 proxy
判斷對象的方法
set
mvvm內部原理
es6 Generator
for in / for of
複製代碼

let const
結構賦值
字符串模板
函數能夠給參數初始化
對象的一些新增方法（assign——淺拷貝）
proxy（vue3採用）
set weakSet
複製代碼

連接他的github

github.com/GuanJunMa