前端面试题

先随便贴出来 后续整理

一般先会问些基础概念问题 比如

深浅拷贝

作用域

this指向

能回答上再延伸到原型，原型链，js继承的的几种方法以及优缺点。

watch深度监听几乎是全军覆没，

mvvm原理更是没一人能答上，

回答几乎是清一色的：M是模型，V是视图，viewModel是视图模型。这只是概念而不是原理，概念是可以背的，原理是靠理解的

es6的哪些特性，大多回答都是停留在解构赋值以及let const的阶段。

 

计算机网络，事件循环机制，闭包，this

三次握手和四次挥手

详细介绍TCP有哪些手段保证可靠交付

URL从输入到页面渲染全流程

如何预防中间人攻击DNS解析会出错吗，为什么

ES6的Set内部实现

如何防止页面劫持算法：top-K问题，分成top-1,top-2,top-K三小问

webpack的plugins和loaders的实现原理

vue和react谈谈区别和选型考虑

webpack如何优化编译速度

事件循环机制

node和浏览器的事件循环机制区别

算法:柯里化实现和two-sum问题

 

typescript有什么好处

vue项目中如何约束rxjs数据的类型 r

xjs高阶数据流定义，

常用高阶数据流操作符

JWT优缺点

选择器优先级

基本数据类型

RxJS冷热流区别

RxJS调试方法

nginx负载均衡配置

前端性能优化手段

针对React的性能优化手段

301 302 307 308 401 403

vue的nextTick实现原理以及应用场景

vue组件间通信

谈谈XSS防御，以及Content-Security-Policy细节

 

手写冒泡排序JWT细节

ES6特性

闭包和this一起谈谈

postcss配置Promise内部实现原理

vuex, mobx, redux各自的特点和区别

react生命周期各方面谈谈性能优化serviceworker

如何保证离线缓存资源更新

virtual dom有哪些好处

Vue3 proxy解决了哪些问题？

Vue响应式原理发布订阅模式和观察者模式的异同

图片懒加载实现

css垂直居中

CI/CD流程

谈谈性能优化

 

react生命周期

key的作用

hooksvue和react区别，

选型考虑canvas优化绘制性能

webpack性能优化手段

事件循环

如何解决同步调用代码耗时太高的问题

手写Promise实现

如何实现登录功能

 

Promise实现原理

vue组件间通信

性能优化

vuex数据流动过程

谈谈css预处理器机制

算法：

Promise串行

CI/CD整体流程性能优化

 

vue组件间通信

react和vue更新机制的区别

Vue3 proxy的优劣

性能优化

symbol应用深拷贝

SSR对性能优化的提升

dns解析流程 

 

跨域性能优化

vue和react选型

比较ssr优缺点

贝塞尔曲线

 

 

 跨域方案题：不同前端技术栈的项目，如何实现一套通用组件方案？

场景题:

一个气球从右上角移动到中间，然后抖动，如何实现

一个关于外边距合并的高度计算 mobx-react如何驱动react组件重渲染forceUpdate经历了哪些生命周期，子组件呢?React key

React key场景题列表使用index做key，删除其中一个后，如何表现？