# 高頻面試題： ## CSS： [盒模型](http://www.hmoore.net/surahe/front-end-notebook/2232798) [BFC容器](http://www.hmoore.net/surahe/front-end-notebook/738538) [居中方式](http://www.hmoore.net/surahe/front-end-notebook/571117) [flex布局](https://juejin.cn/post/6844903586841755655#heading-5) <br> ## JS [**eventloop機制**](http://www.hmoore.net/surahe/front-end-notebook/544424) [類型轉換](http://www.hmoore.net/surahe/front-end-notebook/937078) [原型鏈](http://www.hmoore.net/surahe/front-end-notebook/484623) [繼承](http://www.hmoore.net/surahe/front-end-notebook/896332) [函數執行棧](http://www.hmoore.net/surahe/front-end-notebook/921104) [閉包](http://www.hmoore.net/surahe/front-end-notebook/484622) [this](http://www.hmoore.net/surahe/front-end-notebook/482371) <br> ## 瀏覽器 [從HTML到完整頁面展示全流程](http://www.hmoore.net/surahe/front-end-notebook/788455) [GC機制](http://www.hmoore.net/surahe/front-end-notebook/941705) [緩存：強緩存與協商緩存完整過程](http://www.hmoore.net/surahe/front-end-notebook/943046) [跨域](http://www.hmoore.net/surahe/front-end-notebook/482368#JSONP_335) [回流/重繪/合成](http://www.hmoore.net/surahe/front-end-notebook/568039) <br> ## 網絡 [五層協議](http://www.hmoore.net/surahe/front-end-notebook/951685) [**https原理**](http://www.hmoore.net/surahe/front-end-notebook/1042708) [DNS解析流程](http://www.hmoore.net/surahe/front-end-notebook/482398) [CDN原理](http://www.hmoore.net/surahe/front-end-notebook/482397) [TCP](http://www.hmoore.net/surahe/front-end-notebook/951686) [UDP](http://www.hmoore.net/surahe/front-end-notebook/951687) [三次握手四次揮手過程](http://www.hmoore.net/surahe/front-end-notebook/951686) [HTTP1.1/2區別](http://www.hmoore.net/surahe/front-end-notebook/951689) [各狀態碼表達含義](http://www.hmoore.net/surahe/front-end-notebook/1042707) <br> ## Vue **實現原理** [**virtual dom結構**](http://www.hmoore.net/surahe/front-end-notebook/2381629) [computed原理](http://www.hmoore.net/surahe/front-end-notebook/2381630) [數組綁定原理](http://www.hmoore.net/surahe/front-end-notebook/2381631) [nextTick原理](http://www.hmoore.net/surahe/front-end-notebook/2381633) [keep-alive原理](http://www.hmoore.net/surahe/front-end-notebook/2381634) vue3新特性 <br> ## React [fiber原理](http://www.hmoore.net/surahe/front-end-notebook/2381636) hooks原理 [diff算法原理](http://www.hmoore.net/surahe/front-end-notebook/2381635) <br> ## 性能優化： 常見性能瓶頸 [優化手段](http://www.hmoore.net/surahe/front-end-notebook/578627) [如何檢測首屏時間并提升首屏速度](http://www.hmoore.net/surahe/front-end-notebook/578719) <br> ## 手寫JS代碼： https://github.com/surahe/handCode <br> ## node： [express/koa中間件原理](http://www.hmoore.net/surahe/front-end-notebook/1030655) [SSR原理](http://www.hmoore.net/surahe/front-end-notebook/2350396) <br> ## web安全 [xss](http://www.hmoore.net/surahe/front-end-notebook/482387) [csrf](http://www.hmoore.net/surahe/front-end-notebook/482388) <br> ## 前端工程化 [webpack優化策略](http://www.hmoore.net/surahe/front-end-notebook/1108198) [vite優點](https://juejin.cn/post/6928175048163491848) <br> ## 其它 TS 移動端適配 flutter/RN/weex等native開發方式