VuePressVuePress
vue2
vue3
React
css
javascript
实操题目
http
真题
事件循环
题目
vue2
vue3
React
css
javascript
实操题目
http
真题
事件循环
题目

面试 网上找的

1. 原型和原型链
2. webpack的构建流程
3. 说说轮播图的思路
4. redux的工作流程
5. http缓存有哪些5、
6. websocket的底层协议
7. Vue2和vue3的tree shaking的区别
8. 为什么要减少http的请求
9. vue的双向数据绑定的原理
10. 前端性能优化
11. 事件循坏
12. 箭头函数
13. react中组件传值
14. 虚拟dom的理解
15. 单点登录
16. vueX 
17. vue的声明周期有哪些,data里面的数据初始化是在哪个阶段
18. vue双向数据绑定的原理
19. 闭包
20. https为什么比http更安全
21. 为什么data属性是一个函数而不是一个对象
22. ts熟悉吗
23. axios封装过没 
24. 封装过哪些组件
25. vue的自定义指令用过没
26. 图片懒加载和预加载
27. ES6新增哪些特性
28. 深拷贝和浅拷贝

1. 防抖和节流
2. 用递归实现阶乘比如传入5,就返回5*4*3*2*1的结果
3. 箭头函数和普通函数的区别
4. https和http的区别
5. 前端缓存
6. ES6新增哪些特性
7. vuex
8. 原型和原型链
9. 异步任务分为哪些
10. 前端性能优化问题
11. 垂直居中的方式
12. 怎么理解回流和重绘
13. 元素显示和隐感的方法有哪些
14. 做的比较好的项目,展开讲讲
15. 深拷贝和浅拷贝,怎么实现一个深拷贝说思路
16. 内存泄露是什么,怎么导致的
17. promise介绍
18. vue和react的区别
19. 数组去重的方法?至少说出2种

1. 深拷贝和浅拷贝,如何实现一个深拷贝
2. 如何实现一个new
3. 怎么理解回流和重绘
4. 前端如何做性能优化
5. 平常是如何学习前端的?
6. 微前端了解吗?(没回答上,表示自己后面会学习)
7. nginx有了解吗,如何用nginx做重定向
8. 跨域是什么?怎么解决?jsonp方式是如何做的
9. 事件循环说说,宏任务和微任务有哪些
10. this指向问题
11. 了解axios的原理吗?怎么实现的
12. js有哪些数据类型

1. 百安居一面:基本问的都是react项目相关的1、项目中遇到的难点
2. 说说自己做的比较好的项目
3. react中有对状态管理做进一步封装吗
4. react中在父组件中如何获取子组件的方法
5. 低代码和微前端有了解吗?
6. useCallback使用过没?
7. 函数组件和类组件处理重复涫染有什么区别?
8. 封装的按钮权限组件怎么实现的?8.
9. 数据什么时候定义在组件里面,什么时候定义在状态管理里面?
10. 方法什么时候写在父组件中,什么时候写在子组件中?

1. react用过哪些hooks?
2. 数组合并有哪些方法
3. 请求参数如何防篡改3
4. localStorage如何跨域获取
5. 如何写一个split方法并覆盖数组的原方法
6. forEach循环和for循环哪个性能高?forEach循环可以中断吗?
7. 前端性能优化?
8. 做的最好和最有成就感的项目是哪个
9. 后面基本就是问你的性格优缺点,爱好,前同事对你的评价,未来规划之类的,平时怎么学习之类的

面试题1

1. 浏览器事件循环机制?
2. promise的事情理解?
3. ts的工具类型? 
4. react18增加了哪些特性?
5. Suspense 实现的原理?
6. react hook的原理?
7. redux 这个库帮我们做了什么? 如何触发 dom更新?
8. react 项目都做了哪些性能优化?
9. 接触过工程化?
10. 浏览器窗口通讯有哪些方式?
11. work线程用过吗?
12. 生产环境中如果有用户反馈有bug,怎么排查的?
13. 错误上报?
14. 项目遇到内存泄漏了现象, 怎么解决?
15. 项目遇到问题怎么解决

面试题2

1. 闭包
2. 垃圾回收机制
3. 堆 栈 
4. 
const sleep = (ms = 0) => new Promise(resolve => setTimeout(resolve, ms));

async function main() {
    setTimeout(()=>{
       console.log('hello');
    },1000)
  await sleep(5000);
  console.log("world");
}

5. 请使用自定义React hook,  创建一个倒计时计时器,并且在每秒钟递减,直到达到 0 为止。并能提供驱动开始倒计时和结束到倒计时的能力。
6. 实现上拉加载,下拉刷新
7. 防止网页被嵌入框架的代码
8. undefined与null的区别

面试题3

1. setTimeout 和 setInterval 的区别?
如果页面了, 后面过段时间,页面好了, setTimeout 和 setInterval 还能使用的吗?
2. react router V6版本的的dataAPI的 有哪些?
3. useReducer干啥的?
4. useEffect 和 useLayoutEffect 区别? 都可以获取dom节点吗?
5. react router 页面传参数 有哪些?  刷新还存在吗?
6. react 的 组件之间的通讯有哪些? 然后具体的使用场景?
7. react 的中的 context 的 value 传入数据后, 子组件要更新这个数据, 这么实现?
8. js 的 事件循环 ?
9. git 命令 掌握程度 ?
10. useMemo useCallback 的区别? 具体的使用场景?
11. react 的性能优化 ?
12. react 增加那些新特性? 
13. react hook 掌握哪些?
    useState()
    useEffect()
    useContext()
    useReducer()
    useCallback()
    useMemo()
    useRef()
    useImperativeHandle()
    useLayoutEffect()
    useDebugValue()
14. 场景: 兄弟组件, 子子组件的 如何通讯?
15.  兄弟组件共享一个状态, 然后这叫什么? 状态提升
16. js 的上下文?
17. 调试工具  lighthouse?
18. http的缓存 ?
19. <Router>组件有哪些? 
<BrowserRouter>
<HashRouter>
<MemoryRouter>

面试题4

1. 用户输入url到整个页面渲染的过程
2. 关于协议和缓存 这块如何处理
3. 强缓存和协商缓存区别 分别什么场景下使用
4. f5刷新具体做了哪些操作?使用了强缓存还是协商缓存? 具体修改了哪些字段,才让你刷新这个缓存
5. vue2/3区别,底层双向绑定区别
6. 正对vue3中composition api写法和普通写法,比如有个方法绑定在全局中,怎么去兼容这个写法? 实则考的 this
7. 全局的provider和inject 用过吗
8. vue3 一个list有5个item,每个绑定不一样的ref,怎么写
9. react 和 vue 说一下vdom的区别,createelement 做了什么事情?渲染是真是dom还是vdom?
10. setstate会触发diff算法吗? 他是异步还是同步
11. react 17/18的区别,fiber变更了哪些东西
12. webpack了解多少
13. 项目中遇到最大的困难  怎么解决  
14. rem 如何计算
15. 项目中前端日志埋点?需要说出实现逻辑和代码思路,需要考虑小程序和h5公用用的,端与端差异如何处理,拿来即用的sdk,如何js错误,资源加载错误等如何处理,可以用window.performance

面试题5

1. vue2/3 底层区别?
2. 基于el-button封装出来的s-button, 怎么继承el-button的所有属性和方法
    怎么调用s-button上面el-button所有的方法和属性?
3. vue2 data 为什么是函数?
4. keep-alive 原理
5. vdom有哪几部分构成
6. vdom本质是js对象, 这个js对象上有哪些属性和方法?
7. 什么是闭包?
8. 内存泄漏 怎么排查? 哪些指标参数有哪些关键帧?初次渲染对应哪个关键帧?
9. 浏览器从输入到渲染所有过程? 这个渲染过程是什么?
10. 尖头函数优缺点? 哪些场景不适用? 尖头函数 可以通过apply/call等方法修改this的指向吗?
11. apply/call/bind ?
12. 数组去重复, undefined和null可以放在new Set去重?[...new Set([1,2,3,1,3,2,1, null, undefined])]
13. 事件循环 宏任务 微任务
14. vue3现在是哪个版本? 3.4和3.5分别更新了哪些?
15. vue3 新增属性 区分变量和DOM结构? defineModel ?
16. for of 和 for in ? 哪个用于枚举,迭代? 可迭代有哪些?可枚举数据有哪些?
17. Symbol是es几的? 现在es到哪个版本?
18. 基本数据类型? 11种
19. 一次性渲染10w条数方法?
Last Updated:
Contributors: zhanghusheng