# code-interview

**Repository Path**: linwu-hi/code-interview

## Basic Information

- **Project Name**: code-interview
- **Description**: 前端面试小册，包含Vue面试题，React面试题，JS面试题，HTTP面试题，工程化面试题，CSS面试题，算法面试题，大厂面试题，高频面试题


- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-08-15
- **Last Updated**: 2023-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 关注公众号

> 关注公众号获取代码以及最新教程和文章，也可以联系作者，获取帮助

![](https://i.imgtg.com/2023/06/21/OW9Rup.png)

## JavaScript

- [面试官：requestAnimationFrame：优化动画和渲染的利器](https://github.com/linwu-hi/code-interview/issues/43)
- [面试官：Javascript数据类型和类型转换](https://github.com/linwu-hi/code-interview/issues/42)
- [面试官：JavaScript事件流：深入理解事件处理和传播机制](https://github.com/linwu-hi/code-interview/issues/41)
- [面试官：执行上下文与闭包](https://github.com/linwu-hi/code-interview/issues/40)
- [面试官：JavaScript数组](https://github.com/linwu-hi/code-interview/issues/39)
- [面试官：JavaScript对象](https://github.com/linwu-hi/code-interview/issues/38)
- [面试官：函数上下文和this关键字](https://github.com/linwu-hi/code-interview/issues/37)
- [面试官：作用域和作用域链](https://github.com/linwu-hi/code-interview/issues/36)
- [面试官：JavaScript中的编码](https://github.com/linwu-hi/code-interview/issues/35)
- [面试官：原型和原型链](https://github.com/linwu-hi/code-interview/issues/34)
- [面试官：异步的终极解决方案：async/await](https://github.com/linwu-hi/code-interview/issues/33)
- [面试官：实现符合Promise/A+规范的Promise](https://github.com/linwu-hi/code-interview/issues/32)
- [面试官：JS中的异步编程与Promise](https://github.com/linwu-hi/code-interview/issues/31)
- [面试官：JavaScript中的Generator函数与其在实现Async/Await的应用](https://github.com/linwu-hi/code-interview/issues/30)
- [面试官：前端跨页面通信：实现页面间的数据传递与交互](https://github.com/linwu-hi/code-interview/issues/29)
- [面试官：面向对象编程与Class](https://github.com/linwu-hi/code-interview/issues/28)
- [面试官：详解Cookie, Session, SessionStorage, LocalStorage](https://github.com/linwu-hi/code-interview/issues/27)
- [面试官：JavaScript修饰器：简化代码，增强功能](https://github.com/linwu-hi/code-interview/issues/26)
- [面试官：深入理解Proxy](https://github.com/linwu-hi/code-interview/issues/25)
- [面试官：Date类：日期和时间处理](https://github.com/linwu-hi/code-interview/issues/24)


## TypeScript

- [面试官：说说你对TypeScript的认识？](https://github.com/linwu-hi/code-interview/issues/60)
- [面试官：TS实战之扑克牌排序](https://github.com/linwu-hi/code-interview/issues/59)
- [面试官：类型](https://github.com/linwu-hi/code-interview/issues/58)
- [面试官：枚举和泛型](https://github.com/linwu-hi/code-interview/issues/57)
- [面试官：接口和类](https://github.com/linwu-hi/code-interview/issues/56)
- [面试官：命名空间和模块](https://github.com/linwu-hi/code-interview/issues/55)
- [面试官：函数](https://github.com/linwu-hi/code-interview/issues/54)
- [面试官：高级类型](https://github.com/linwu-hi/code-interview/issues/53)
- [面试官：解读TSConfig](https://github.com/linwu-hi/code-interview/issues/52)
- [面试官：装饰器与反射元数据](https://github.com/linwu-hi/code-interview/issues/51)
- [面试官：类型兼容：结构化类型](https://github.com/linwu-hi/code-interview/issues/50)
- [面试官：类型系统层级](https://github.com/linwu-hi/code-interview/issues/49)
- [面试官：类型推断](https://github.com/linwu-hi/code-interview/issues/48)
- [面试官：类型守卫](https://github.com/linwu-hi/code-interview/issues/47)
- [面试官：泛型和类型体操](https://github.com/linwu-hi/code-interview/issues/46)
- [面试官：扩展类型定义](https://github.com/linwu-hi/code-interview/issues/45)
- [面试官：类型兼容：协变和逆变](https://github.com/linwu-hi/code-interview/issues/44)



## nodejs

- [面试官：说说 Node 文件查找的优先级以及 Require 方法的文件查找策略?](https://github.com/linwu-hi/code-interview/issues/169)
- [面试官：说说对 Node 中的 process 的理解？有哪些常用方法？](https://github.com/linwu-hi/code-interview/issues/168)
- [面试官：Node性能如何进行监控以及优化？](https://github.com/linwu-hi/code-interview/issues/167)
- [面试官：如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?](https://github.com/linwu-hi/code-interview/issues/166)
- [面试官：说说你对Node.js 的理解？优缺点？应用场景？](https://github.com/linwu-hi/code-interview/issues/165)
- [面试官：说说对中间件概念的理解，如何封装 node 中间件？](https://github.com/linwu-hi/code-interview/issues/164)
- [面试官：如何实现jwt鉴权机制？说说你的思路](https://github.com/linwu-hi/code-interview/issues/163)
- [面试官：说说 Node. js 有哪些全局对象？](https://github.com/linwu-hi/code-interview/issues/162)
- [面试官：说说对 Node 中的 fs模块的理解? 有哪些常用方法](https://github.com/linwu-hi/code-interview/issues/161)
- [面试官：如何实现文件上传？说说你的思路](https://github.com/linwu-hi/code-interview/issues/160)
- [面试官：说说对Nodejs中的事件循环机制理解?](https://github.com/linwu-hi/code-interview/issues/159)
- [面试官：说说对 Node 中的 Stream 的理解？应用场景？](https://github.com/linwu-hi/code-interview/issues/158)
- [面试官：说说Node中的EventEmitter? 如何实现一个EventEmitter?](https://github.com/linwu-hi/code-interview/issues/157)
- [面试官：说说对 Node 中的 Buffer 的理解？应用场景？](https://github.com/linwu-hi/code-interview/issues/156)

## HTTP

- [面试官：说说HTTP 常见的状态码有哪些，适用场景？](https://github.com/linwu-hi/code-interview/issues/155)
- [面试官：说说 HTTP 常见的请求头有哪些? 作用？](https://github.com/linwu-hi/code-interview/issues/154)
- [面试官：说说TCP为什么需要三次握手和四次挥手？](https://github.com/linwu-hi/code-interview/issues/153)
- [面试官：说说地址栏输入 URL 敲下回车后发生了什么?](https://github.com/linwu-hi/code-interview/issues/152)
- [面试官：说说对WebSocket的理解？应用场景？](https://github.com/linwu-hi/code-interview/issues/151)
- [面试官：如何理解UDP 和 TCP? 区别? 应用场景?](https://github.com/linwu-hi/code-interview/issues/150)
- [面试官：如何理解TCP/IP协议?](https://github.com/linwu-hi/code-interview/issues/149)
- [面试官：如何理解OSI七层模型?](https://github.com/linwu-hi/code-interview/issues/148)
- [面试官：什么是HTTP? HTTP 和 HTTPS 的区别?](https://github.com/linwu-hi/code-interview/issues/147)
- [面试官：为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的？](https://github.com/linwu-hi/code-interview/issues/146)
- [面试官：说一下 GET 和 POST 的区别？](https://github.com/linwu-hi/code-interview/issues/145)
- [面试官：DNS协议 是什么？说说DNS 完整的查询过程?](https://github.com/linwu-hi/code-interview/issues/144)
- [面试官：如何理解CDN？说说实现原理？](https://github.com/linwu-hi/code-interview/issues/143)
- [面试官：说说 HTTP1.0/1.1/2.0 的区别?](https://github.com/linwu-hi/code-interview/issues/142)

## webpack

- [面试官：说说你对webpack的理解？解决了什么问题？](https://github.com/linwu-hi/code-interview/issues/141)
- [面试官：说说webpack proxy工作原理？为什么能解决跨域?](https://github.com/linwu-hi/code-interview/issues/140)
- [面试官：说说如何借助webpack来优化前端性能？](https://github.com/linwu-hi/code-interview/issues/139)
- [面试官：如何提高webpack的构建速度？](https://github.com/linwu-hi/code-interview/issues/138)
- [面试官：说说webpack的构建流程?](https://github.com/linwu-hi/code-interview/issues/137)
- [面试官：与webpack类似的工具还有哪些？区别？](https://github.com/linwu-hi/code-interview/issues/136)
- [面试官：说说webpack中常见的Plugin？解决了什么问题？](https://github.com/linwu-hi/code-interview/issues/135)
- [面试官：说说Loader和Plugin的区别？编写Loader，Plugin的思路？](https://github.com/linwu-hi/code-interview/issues/134)
- [面试官：说说webpack中常见的Loader？解决了什么问题？](https://github.com/linwu-hi/code-interview/issues/133)
- [面试官：说说webpack的热更新是如何做到的？原理是什么？](https://github.com/linwu-hi/code-interview/issues/132)

## react

- [面试官：super() 和 super(props) 有什么区别？](https://github.com/linwu-hi/code-interview/issues/131)
- [面试官：说说你在使用React 过程中遇到的常见问题？如何解决?](https://github.com/linwu-hi/code-interview/issues/130)
- [面试官：state 和 props 有什么区别？](https://github.com/linwu-hi/code-interview/issues/129)
- [面试官：说说 React中的setState执行机制](https://github.com/linwu-hi/code-interview/issues/128)
- [面试官：说说React服务端渲染怎么做？原理是什么？](https://github.com/linwu-hi/code-interview/issues/127)
- [面试官：说说React render方法的原理？在什么时候会被触发？](https://github.com/linwu-hi/code-interview/issues/126)
- [说说你对Redux的理解？其工作原理？](https://github.com/linwu-hi/code-interview/issues/125)
- [面试官：说说 React 生命周期有哪些不同阶段？每个阶段对应的方法是？](https://github.com/linwu-hi/code-interview/issues/124)
- [面试官：React中的key有什么作用？](https://github.com/linwu-hi/code-interview/issues/123)
- [面试官：说说你是如何提高组件的渲染效率的？在React中如何避免不必要的render？](https://github.com/linwu-hi/code-interview/issues/122)
- [面试官：说说react中引入css的方式有哪几种？区别？](https://github.com/linwu-hi/code-interview/issues/121)
- [面试官：说说你对immutable的理解？如何应用在react项目中？](https://github.com/linwu-hi/code-interview/issues/120)
- [面试官：你在React项目中是如何使用Redux的? 项目结构是如何划分的？](https://github.com/linwu-hi/code-interview/issues/119)
- [面试官：说说React diff的原理是什么？](https://github.com/linwu-hi/code-interview/issues/118)
- [面试官：说说对受控组件和非受控组件的理解？应用场景？](https://github.com/linwu-hi/code-interview/issues/117)
- [面试官：React中组件之间如何通信？](https://github.com/linwu-hi/code-interview/issues/116)
- [面试官：说说对React中类组件和函数组件的理解？有什么区别？](https://github.com/linwu-hi/code-interview/issues/115)
- [面试官：说说你在React项目是如何捕获错误的？](https://github.com/linwu-hi/code-interview/issues/114)
- [面试官：在react中组件间过渡动画如何实现？](https://github.com/linwu-hi/code-interview/issues/113)
- [面试官：说说React的事件机制？](https://github.com/linwu-hi/code-interview/issues/112)
- [面试官：说说对Redux中间件的理解？常用的中间件有哪些？实现原理？](https://github.com/linwu-hi/code-interview/issues/111)
- [面试官：说说 Real DOM 和 Virtual DOM 的区别？优缺点？](https://github.com/linwu-hi/code-interview/issues/110)
- [面试官：说说对 React 的理解？有哪些特性？](https://github.com/linwu-hi/code-interview/issues/109)
- [面试官：说说对React refs 的理解？应用场景？ ](https://github.com/linwu-hi/code-interview/issues/108)
- [面试官：说说你对React Router的理解？常用的Router组件有哪些？](https://github.com/linwu-hi/code-interview/issues/107)
- [面试官：说说React Router有几种模式？实现原理？](https://github.com/linwu-hi/code-interview/issues/106)
- [面试官：说说对React Hooks的理解？解决了什么问题？](https://github.com/linwu-hi/code-interview/issues/105)
- [面试官：说说React Jsx转换成真实DOM过程？](https://github.com/linwu-hi/code-interview/issues/104)
- [面试官：说说 React 性能优化的手段有哪些？](https://github.com/linwu-hi/code-interview/issues/103)
- [面试官：说说对高阶组件的理解？应用场景?](https://github.com/linwu-hi/code-interview/issues/102)
- [面试官：说说对Fiber架构的理解？解决了什么问题？](https://github.com/linwu-hi/code-interview/issues/101)
- [面试官：React构建组件的方式有哪些？区别？](https://github.com/linwu-hi/code-interview/issues/100)
- [面试官：React事件绑定的方式有哪些？区别？](https://github.com/linwu-hi/code-interview/issues/99)

## vue3

- [面试官：说说Vue 3.0中Treeshaking特性？举例说明一下？](https://github.com/linwu-hi/code-interview/issues/98)
- [面试官：Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？](https://github.com/linwu-hi/code-interview/issues/97)
- [面试官：Vue3.0性能提升主要是通过哪几方面体现的？](https://github.com/linwu-hi/code-interview/issues/96)
- [面试官：用Vue3.0 写过组件吗？如果想实现一个 Modal你会怎么设计？](https://github.com/linwu-hi/code-interview/issues/95)
- [面试官：Vue3.0的设计目标是什么？做了哪些优化](https://github.com/linwu-hi/code-interview/issues/94)
- [面试官：Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？](https://github.com/linwu-hi/code-interview/issues/93)

## vue

- [面试官：vue3有了解过吗？能说说跟vue2的区别吗？](https://github.com/linwu-hi/code-interview/issues/92)
- [面试官：有使用过vue吗？说说你对vue的理解](https://github.com/linwu-hi/code-interview/issues/91)
- [面试官：什么是虚拟DOM？如何实现一个虚拟DOM？说说你的思路](https://github.com/linwu-hi/code-interview/issues/90)
- [面试官：说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？](https://github.com/linwu-hi/code-interview/issues/89)
- [面试官：SSR解决了什么问题？有做过SSR吗？你是怎么做的？](https://github.com/linwu-hi/code-interview/issues/88)
- [面试官：你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢](https://github.com/linwu-hi/code-interview/issues/87)
- [面试官：说说你对slot的理解？slot使用场景有哪些？](https://github.com/linwu-hi/code-interview/issues/86)
- [面试官：v-show和v-if有什么区别？使用场景分别是什么？](https://github.com/linwu-hi/code-interview/issues/85)
- [面试官：vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？](https://github.com/linwu-hi/code-interview/issues/84)
- [面试官：Vue.observable你有了解过吗？说说看 ](https://github.com/linwu-hi/code-interview/issues/83)
- [面试官：Vue中的$nextTick有什么作用？](https://github.com/linwu-hi/code-interview/issues/82)
- [面试官：Vue实例挂载的过程](https://github.com/linwu-hi/code-interview/issues/81)
- [面试官：Vue常用的修饰符有哪些有什么应用场景](https://github.com/linwu-hi/code-interview/issues/80)
- [面试官：说说你对vue的mixin的理解，有什么应用场景？ ](https://github.com/linwu-hi/code-interview/issues/79)
- [面试官：请描述下你对vue生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？](https://github.com/linwu-hi/code-interview/issues/78)
- [面试官：你知道vue中key的原理吗？说说你对它的理解](https://github.com/linwu-hi/code-interview/issues/77)
- [面试官：说说你对keep-alive的理解是什么？](https://github.com/linwu-hi/code-interview/issues/76)
- [面试官：v-if和v-for的优先级是什么？](https://github.com/linwu-hi/code-interview/issues/75)
- [面试官：SPA首屏加载速度慢的怎么解决？](https://github.com/linwu-hi/code-interview/issues/74)
- [面试官：Vue中的过滤器了解吗？过滤器的应用场景有哪些？](https://github.com/linwu-hi/code-interview/issues/73)
- [面试官：你是怎么处理vue项目中的错误的？](https://github.com/linwu-hi/code-interview/issues/72)
- [面试官：你有写过自定义指令吗？自定义指令的应用场景有哪些？](https://github.com/linwu-hi/code-interview/issues/71)
- [面试官：你了解vue的diff算法吗？说说看](https://github.com/linwu-hi/code-interview/issues/70)
- [面试官：动态给vue的data添加一个新的属性时会发生什么？怎样解决？](https://github.com/linwu-hi/code-interview/issues/69)
- [面试官：为什么data属性是一个函数而不是一个对象？](https://github.com/linwu-hi/code-interview/issues/68)
- [面试官：Vue项目中你是如何解决跨域的呢？](https://github.com/linwu-hi/code-interview/issues/67)
- [面试官：Vue中组件和插件有什么区别？](https://github.com/linwu-hi/code-interview/issues/66)
- [面试官：Vue组件之间的通信方式都有哪些？](https://github.com/linwu-hi/code-interview/issues/65)
- [面试官：双向数据绑定是什么](https://github.com/linwu-hi/code-interview/issues/64)
- [面试官：你了解axios的原理吗？有看过它的源码吗？](https://github.com/linwu-hi/code-interview/issues/63)
- [面试官：Vue项目中有封装过axios吗？主要是封装哪方面的？](https://github.com/linwu-hi/code-interview/issues/62)
- [面试官：vue项目本地开发完成后部署到服务器后报404是什么原因呢？](https://github.com/linwu-hi/code-interview/issues/61)