面试题整理

React系列

React生命周期中有哪些坑？如何避免？

Real diff算法是怎么运作的？

调和阶段setState干了什么？

redux原理是什么

React合成事件的原理？

React组件之间如何通信？

为什么react元素有一个$$type属性？

Connect组件的原理是什么？

对Redux中间件的理解？常用的中间件有哪些？实现原理？

如何让useEffect 支持 async/await？

react是否支持给标签设置自定义的属性，比如给video标签设置webkit-playsinline？

对 React Hook的闭包陷阱的理解，有哪些解决方案？

React render 的原理和触发时机？

React中怎么实现状态自动保存（KeepAlive）？

为什么useState返回的是数组而不是对象？

对immutable的理解？如何应用？

koa和express有哪些不同？

React中的路由懒加载是什么？原理是什么？

React Hooks 在使用上有哪些限制？

props和state的区别

React合成事件的原理

React18新特性

React.memo() 和 useMemo() 的用法是什么，有哪些区别？

React事件和原生事件的执行顺序

使用 React hooks 怎么实现类里面的所有生命周期？

使用 redux 有哪些原则？

React 的事件代理机制？

React合成事件的原理是什么

Vue系列

对Vue的理解

Vue中组件间通信的6种方式?

对vue的mixin的理解，有什么应用场景？

vue2.x与vue3.x中自定义指令详解

vue生命周期

对Vuex的理解

VNode 有哪些属性？

vue-loader做了哪些事情？

Vue中自定义指令是什么？有哪些应用场景？

SSR是什么？Vue中怎么实现？

Vue3.0 性能提升主要是通过哪几方面体现的？

Vue路由中，history和hash两种模式有什么区别？

Vue中的 v-show 和 v-if 的区别

Vue中，为什么data属性是一个函数而不是一个对象？

Vue3父子组件通讯

Vue2和Vue3的区别和变化

Vue3组件通信方式

如何在Vue3中使用Echarts？

Vue自定义指令实现图片懒加载

Vue实现淘宝商品放大镜效果

什么是瀑布流布局？瀑布流式布局的优缺点

vue3系列生命周期

Vue3中computed计算属性函数

Vite详解

Vue3之watch和watchEffect实战总结

微信小程序

微信小程序自定义组件

Html系列

如何实现“点击回到顶部”的功能？

SPA应用怎么进行SEO？

html和css中的图片加载与渲染规则是什么样的？

BFC 是什么

SPA单页面的理解

怎么理解回流与重绘？以及触发场景

Css系列

CSS常用属性

清除浮动的五种方法以及优缺点?

对 CSS 工程化的理解

如何使用css实现三角形？

如何做移动端适配？

移动端1px的解决方案

css 选择器有哪些？优先级？哪些属性可以继承？

CSS背景属性之颜色渐变

JS系列

JS中数组常用方法及其作用？

判断变量是否为数组的几种方法

async、await 实现原理

对Fiber架构的理解？解决了什么问题？

深拷贝浅拷贝有什么区别？怎么实现深拷贝？

对事件循环的理解？

js中鼠标点击、移动和光标移动的事件触发

JS数组常用方法

js中数组是如何在内存中存储的？

通过原生js实现一个节流函数和防抖函数？

this指向

TS系列

TS基础用法

对 typescript 的理解？与 javascript 的区别？

TS中对泛型的理解

网络协议系列

浏览器为什么要请求并发数限制？

对浏览器内核的理解?

WebSocket的理解以及应用场景？

从浏览器地址栏输入url到显示页面的过程

前端跨域的解决方案？

如何提高webpack的构建速度？

web常见的攻击方式有哪些，以及如何进行防御？

cookie与session的区别

对BOM的理解

对 Dom 树的理解

什么是强缓存和协商缓存？

Webpack中常见的Loader？解决了什么问题？

webpack 的热更新是如何做到的？原理是什么？

抓包原理以及抓包工具whistle的用法

AMD、CMD和commonJS

对webpack的理解——打包样式资源

开发工具系列

Git常用命令

Git使用总结

Git提交代码的两种方式

性能优化系列

导致页面加载白屏时间长的原因有哪些，怎么进行优化？

React性能优化的手段有哪些？

导致页面加载白屏时间长的原因有哪些，怎么进行优化？

对首屏加载的理解？

React生命周期中有哪些坑？如何避免？

DNS 预解析是什么？怎么实现？

性能优化面试题

Node系列

对Node.js 的理解？优缺点？应用场景？

koa和express有哪些不同？

浏览器和 Node 中的事件循环有什么区别？

如何实现jwt鉴权机制？

前端工程化

前端工程化面试题

微前端

微前端的出现的背景和意义

微前端解决方案

微前端运行时