前端面试题

html

SPA（单页应用）首屏加载速度慢怎么解决

css

设备像素、css像素、设备独立像素、dpr、ppi之间的区别
前端清除浮动的方法有哪些？
移动端1像素的解决方案？
弹性盒中的缩放机制是怎样的?
什么是垂直外边距合并？说说合并后的几种情况？
如何使用css实现一个三角形？
CSS弹性布局

javaScript

说说Real DOM和Virtual DOM的区别？优缺点？
说说reduce方法的作用？自己手动封装一个reduce，写出其核心代码？
什么是事件循环
javascript内存泄漏的几种情况
原生js如何实现上拉加载下拉刷新
为什么for循环比forEach性能高？
！[]==！[], ！[]==[], 结果是什么？为什么？
什么是闭包，应用场景是什么？
如何通过原生js实现一个节流函数和防抖函数？

vue

Vue中自定义指令的理解，应用场景有哪些
Vue组件通信
Vuex的实现原理是什么，写出其实现的核心代码？

react

说说React jsx转换成真实DOM的过程
说说你对@reduxjs/toolkit的理解，和react-redux有什么区别
说说Connect组件的原理是什么
说说你对react的理解？有哪些特性？
说说React生命周期有哪些不同的阶段？每个阶段对应的方法是？
说说React中的虚拟dom？在虚拟dom计算的时候diff和key之间有什么关系？
说说你对useEffect的理解，可以模拟哪些生命周期？
说说React中setState和replaceState的区别？
说说react中onClick绑定后的工作原理？
说说react diff的原理是什么？
说说你对TypeScript中泛型的理解及其应用场景？
说说你对TypeScript装饰器的理解及其应用场景？
说说react的事件机制？
说说React中setState执行机制？
说说你对受控组件和非受控组件的理解？应用场景？
说说你对react hook的理解？
说说react 中jsx语法糖的本质？
React实现添加购物车小车抛物线
react中”栈调和”Stack Reconciler过程是怎样的？
React render方法的原理，在什么时候会触发
React性能优化的手段有哪些
shouldComponentUpdate有什么作用
react新出来两个钩子函数是什么？和删掉的will系列有什么区别？
React组件之间如何通信
在使用redux过程中，如何防止定义的action-type的常量重复？
调和阶段setState干了什么
props和state相同点和不同点？render方法在哪些情况下会执行？
React的props.children使用map函数来遍历会收到异常显示，为什么？应该 如何遍历？
redux本来是同步的，为什么它能执行异步代码？实现原理是什么？中间件的 实现原理是什么？
redux中同步action与异步action最大的区别是什么？
redux-saga和redux-thunk的区别与使用场景？
useEffect的依赖为引用类型如何处理？
知道react里面的createPortal么，说说其使用场景？
Provider和connect的底层原理实现，写出其核心代码？
ReactDOM.render是如何串联渲染链路的？
React的路由的原理是什么，写出其实现的核心代码？

git

说说你对git rebase 和git merge的理解与区别
说说git常用的命令有哪些
Git创建远程分支

其它

说说你对栈、队列的理解以及应用场景
说说webpack中常见的loader？解决了什么问题？
说说你对koa中洋葱模型的理解？
说说你对webSocket的理解？
说说如何借助webpack来优化前端性能？
谈谈你对immutable.js的理解？
谈谈你是如何做移动端适配的？
大文件如何做断点续传
谈谈你对BFC的理解
TCP为什么需要三次握手和四次握手
前端性能优化的手段有哪些
什么是强缓存和协商缓存
CDN的特点及意义？
拖拽功能实现
滚动条事件window.onscroll
什么是发布订阅模式，写出其核心实现代码？