Javascript與CSS

原型、原型鏈？
constructor、__proto__和prototype
實現繼承的方式？
原型鏈能夠實現所謂的繼承的本質原因是什麼？
說一下Javascript的執行流程？
執行上下文和執行棧？
說一下 let、const 的實現？
如何判斷資料型別？
==的邏輯是什麼？
new Object()和Object.create()的區別？
“一切皆物件”怎麼理解？number也是物件嗎？字串也是物件麼？
作用域、作用域鏈？
作用域的本質，閉包和作用域的關係？
對閉包的看法，為什麼要用閉包？說一下閉包原理以及應用場景？
this的指向？
箭頭函式是用來解決什麼問題？
普通函式和箭頭函式的區別？
Symbol和bigInt使用場景
使用Symbol函式都有哪些要注意的點？
如何判斷一個物件是陣列？
如何實現深拷貝？
JSON.stringify方法處理深克隆會有什麼問題？
遞迴實現深克隆會有什麼問題？如何解決？
lodash是怎麼實現深克隆的
如何克隆一個function？需要考慮什麼問題？
說一說事件迴圈？Node與瀏覽器事件迴圈的差異？
說一說 promise？
async/await 和 Promise 的關係？
setTimeout 設定的時間，函式能準確按時執行嗎？setTimeout 怎麼能做到準時？
盒子模型
BFC
居中
Flex
雪碧圖的實現原理及優缺點？
postCss、Sass、less的異同？
CSS模組化方案、如何配置按需載入、如何防止CSS阻塞渲染？
 

瀏覽器與Node

script 標籤中 defer 和 async 的區別？
如果要檢測自己本身是否在iframe下，怎麼檢測？
多視窗通訊，跨頁面通訊有哪些實現方式
程序和執行緒的區別
瀏覽器渲染原理
自適應與響應式
重繪與重排
垃圾回收機制
標記清除和引用計數區別？
記憶體洩漏
跨域的原因及解決方案？
表單可以跨域嗎？
localStorage、sessionStorage、cookie區別？
如何實現移動端 1px 邊框？
rem和vw方案的異同？
從URL輸入到頁面展示，發生了什麼？
在Chrome中如何支援小於12px文字？

React與Vue

說一下虛擬DOM？
虛擬DOM有什麼好的地方？ 框架為什麼要設計虛擬DOM？
說一下React類元件和函式元件的區別？
React 16+和React15的區別？
對函數語言程式設計的理解？
對高階元件（HOC）的理解？
React key的作用？
useState的原理？
useCallback和useMemo的區別？
useEffect和useLayoutEffect的區別？
useState和useRef的區別？
useEffect 依賴為空陣列與 componentDidMount 區別？
為什麼React useState要使用陣列而不是物件? 
React Hooks 的 useState 相對於有狀態元件state區別是什麼？
能介紹一下 Hook 嗎？Hook原理？
為什麼不能在條件語句中寫Hook？
研究過 React 的執行時嗎？
有了解過React的fiber？
能簡單介紹一下React執行過程嗎？
說一下React的事件機制？16和17有什麼區別？
如何解析JSX？
React路由的實現？
React的優化方法？
Redux和React-Redux的實現原理？
Vue資料繫結原理？
Vue $set原理？
new Vue()發生了什麼？
說一下Vue元件的data為什麼是一個函式而不是一個物件？
v-model的實現以及它的實現原理嗎？
nextTick的實現原理？
vnode的理解，compiler和patch的過程？
keep-alive的實現原理？
Vuex實現原理？
vue-router實現原理？
做過哪些Vue效能優化？
你知道Vue3有哪些新特性嗎？它們會帶來什麼影響？
實現雙向繫結 Proxy 與 Object.defineProperty 相比優劣如何?
Vue和React的對比？
Vuex 和 Redux 之間的區別？
說一下SPA單頁面有什麼優缺點？
 

Webpack與Babel

Webpack原理？
Webpack tree-shaking原理？
Webpack提高構建速度的方式？
Webpack動態載入的原理？
Webpack熱更新原理？
如何對bundle體積進行監控和分析？
檔案監聽原理？
瞭解 webpack-dev-server 的 HMR 實現原理嗎？
source-map是什麼？
loader輸入什麼產出什麼？
在實際工程中，配置檔案上百行乃是常事，如何保證各個loader按照預想方式工作？
如何優化 Webpack 的構建速度？
程式碼分割的原理及意義？
寫過loader或者plugin嗎？
loader和plugin的區別？
Babel原理？
怎麼寫Babel 外掛?
講一講你寫過的Babel外掛？
AST 的應用？
知道怎麼轉化成AST的嗎？
如何解析一個html文字？
 

網路與安全

說一下什麼是HTTP協議無狀態?怎麼解決HTTP協議無狀態?
HTTP特性及狀態碼？
HTTP和HTTPS的不同？
HTTPS的工作流程？
HTTPS的加密原理，如何開啟HTTPS，如何劫持HTTPS請求
說一下HTTP的快取策略，有什麼區別，分別解決了什麼問題？
HTTP2.0的特點？
HTTP1.0和HTTP2.0的區別？
GET和POST的區別？何時使用POST？
Get請求傳參長度存在限制，是HTTP協議限制的嗎？
TCP和UDP的區別？什麼時候用TCP，什麼時候適合UDP？
TCP的三次握手和四次揮手？
解釋一下為什麼要有三次握手和四次揮手？
HTTP3.0為什麼要用UDP？
HTTP 與 TCP 的關係？
TCP 可以建立多個連線嗎？
DNS解析流程？
CDN作用與原理？
CDN應用場景？CDN快取失效怎麼辦？
Websocket協議的底層實現原理，與Http的區別？
瞭解 WebSocket 嗎？WebSocket 是如何進行握手的？
說一下你瞭解的Websocket鑑權方案？  
Websocket和Ajax的區別？
jsonp的實現原理？
Axios的實現原理？
XSS原理？如何防範？
CSRF原理？如何防範？
中間人攻擊的原理？如何防範？

工程化與專案

說一下你的專案有哪些複雜的點，以及怎麼解決的？
你們的業務元件庫有多少個，是什麼樣的元件？
許可權元件是怎麼設計的？
專案裡如何做的效能優化？
如何處理一個重大事故 bug？
如果讓你將一些錯誤資訊都收集，你怎麼做？
前端錯誤如何捕獲，promise的錯誤是如何捕獲的？
node如何做錯誤監控？如何生成日誌？日誌等級如何劃分？
虛擬 dom 有什麼好的地方？ 框架為什麼要設計虛擬 dom？
webpack 的缺點，讓你設計一個新的構建打包工具，你會怎麼設計？
線上文件編輯，如何處理兩人的衝突，如何展示，考慮各種場景？
excel 文件衝突高階處理，文章衝突呢？是上個問題的深化？
那些操作會造成記憶體洩漏？
如何優化網頁載入速度？
React 專案中有哪些細節可以優化？實際開發中都做過哪些效能優化？
前端效能指標有哪些，如何做採集？
虛擬列表是什麼？說一下它的實現原理？