# 高频面试题： ## CSS： [盒模型](https://www.kancloud.cn/surahe/front-end-notebook/2232798) [BFC容器](https://www.kancloud.cn/surahe/front-end-notebook/738538) [居中方式](https://www.kancloud.cn/surahe/front-end-notebook/571117) [flex布局](https://juejin.cn/post/6844903586841755655#heading-5) <br> ## JS [**eventloop机制**](https://www.kancloud.cn/surahe/front-end-notebook/544424) [类型转换](https://www.kancloud.cn/surahe/front-end-notebook/937078) [原型链](https://www.kancloud.cn/surahe/front-end-notebook/484623) [继承](https://www.kancloud.cn/surahe/front-end-notebook/896332) [函数执行栈](https://www.kancloud.cn/surahe/front-end-notebook/921104) [闭包](https://www.kancloud.cn/surahe/front-end-notebook/484622) [this](https://www.kancloud.cn/surahe/front-end-notebook/482371) <br> ## 浏览器 [从HTML到完整页面展示全流程](https://www.kancloud.cn/surahe/front-end-notebook/788455) [GC机制](https://www.kancloud.cn/surahe/front-end-notebook/941705) [缓存：强缓存与协商缓存完整过程](https://www.kancloud.cn/surahe/front-end-notebook/943046) [跨域](https://www.kancloud.cn/surahe/front-end-notebook/482368#JSONP_335) [回流/重绘/合成](https://www.kancloud.cn/surahe/front-end-notebook/568039) <br> ## 网络 [五层协议](https://www.kancloud.cn/surahe/front-end-notebook/951685) [**https原理**](https://www.kancloud.cn/surahe/front-end-notebook/1042708) [DNS解析流程](https://www.kancloud.cn/surahe/front-end-notebook/482398) [CDN原理](https://www.kancloud.cn/surahe/front-end-notebook/482397) [TCP](https://www.kancloud.cn/surahe/front-end-notebook/951686) [UDP](https://www.kancloud.cn/surahe/front-end-notebook/951687) [三次握手四次挥手过程](https://www.kancloud.cn/surahe/front-end-notebook/951686) [HTTP1.1/2区别](https://www.kancloud.cn/surahe/front-end-notebook/951689) [各状态码表达含义](https://www.kancloud.cn/surahe/front-end-notebook/1042707) <br> ## Vue **实现原理** [**virtual dom结构**](https://www.kancloud.cn/surahe/front-end-notebook/2381629) [computed原理](https://www.kancloud.cn/surahe/front-end-notebook/2381630) [数组绑定原理](https://www.kancloud.cn/surahe/front-end-notebook/2381631) [nextTick原理](https://www.kancloud.cn/surahe/front-end-notebook/2381633) [keep-alive原理](https://www.kancloud.cn/surahe/front-end-notebook/2381634) vue3新特性 <br> ## React [fiber原理](https://www.kancloud.cn/surahe/front-end-notebook/2381636) hooks原理 [diff算法原理](https://www.kancloud.cn/surahe/front-end-notebook/2381635) <br> ## 性能优化： 常见性能瓶颈 [优化手段](https://www.kancloud.cn/surahe/front-end-notebook/578627) [如何检测首屏时间并提升首屏速度](https://www.kancloud.cn/surahe/front-end-notebook/578719) <br> ## 手写JS代码： https://github.com/surahe/handCode <br> ## node： [express/koa中间件原理](https://www.kancloud.cn/surahe/front-end-notebook/1030655) [SSR原理](https://www.kancloud.cn/surahe/front-end-notebook/2350396) <br> ## web安全 [xss](https://www.kancloud.cn/surahe/front-end-notebook/482387) [csrf](https://www.kancloud.cn/surahe/front-end-notebook/482388) <br> ## 前端工程化 [webpack优化策略](https://www.kancloud.cn/surahe/front-end-notebook/1108198) [vite优点](https://juejin.cn/post/6928175048163491848) <br> ## 其它 TS 移动端适配 flutter/RN/weex等native开发方式