本仓库为语音打卡社群(JS每日一题)维护的前端面试题库,包含不限于Vue面试题,React面试题,JS面试题,HTTP面试题,工程化面试题,CSS面试题,算法面试题,大厂面试题,高频面试题
同时我们提供更好阅读体验的在线版本,点这里 (opens new window)
避免失联可以先点star
PS: 仓库每周一更,想要及时收到推送,交流想法的同学,可以点击@公众号:JS每日一题 (opens new window)关注我们
# 🤠 为什么要做这样的一个仓库
最开始是没有想要弄仓库的,我们通过微信群语音的形式进行每天一次的打卡,次日再通过公众号 (opens new window)图文形式的题解推送至群内供大家复盘总结
随着时间的推移,题也积累的越来越多,再去通过公众号检索信息效率会明显降低
这个时候我们就想着通过开源的形式,将我们总结好的文章以多种形态的呈现方式帮助到更多需要的人
# 🤡 这个仓库主要内容是?
仓库目前主题以前端面试题为主,后续可能会扩展更多的分支
在这个信息爆炸,前端生态百花齐放的时代,我们每找寻一个答案都要换一种形式,这简直太奢侈了
我们的目标是做最全最好最有质量前端面试仓库,用心收录大厂面试题,高频面试题,知识点面试题,用心做好每一道题值得参考的题解
# 🤡 你们的本质就是面试题吗?
不是,一直在强调语音社群,这个仓库也仅且是一个附属品
我们只是以面试题的形式作为切入点,根据面试题去反推学习更具体的知识点,绝不仅限于应对面试,要真真切切在学习过程中得到蜕变
社群内每天的打卡都是一次思维整理输出的训练,将自己想要表达的内容放入框架中再进行输出,让我们的表达更简洁更系统
它的背后是思考,总结,更是坚持
在过程中看清自已,在结果中遇见自己,我们都值得有更美好的未来
再晒晒平常我们的样子
如果看到这里你也有兴趣,欢迎扫描下方二维码加入我们,持续成长
# 🤡 内容
点击@公众号:JS每日一题 (opens new window)扫码关注,跟踪我们最新动态
Vue系列
- 面试官:说说你对vue的理解? (opens new window)
- 面试官:说说你对双向绑定的理解? (opens new window)
- 面试官:说说你对SPA(单页应用)的理解? (opens new window)
- 面试官:Vue中的v-show和v-if怎么理解? (opens new window)
- 面试官:Vue实例挂载的过程中发生了什么? (opens new window)
- 面试官:说说你对Vue生命周期的理解? (opens new window)
- 面试官:为什么Vue中的v-if和v-for不建议一起用? (opens new window)
- 面试官:SPA(单页应用)首屏加载速度慢怎么解决?? (opens new window)
- 面试官:为什么data属性是一个函数而不是一个对象? (opens new window)
- 面试官:Vue中给对象添加新属性界面不刷新? (opens new window)
- 面试官:Vue中组件和插件有什么区别 (opens new window)
- 面试官:Vue组件间通信方式都有哪些? (opens new window)
- 面试官:说说你对nexttick的理解? (opens new window)
- 面试官:说说你对vue的mixin的理解,有什么应用场景? (opens new window)
- 面试官:说说你对slot的理解?slot使用场景有哪些? (opens new window)
- 面试官:Vue.observable你有了解过吗?说说看 (opens new window)
- 面试官:你知道vue中key的原理吗?说说你对它的理解? (opens new window)
- 面试官:怎么缓存当前的组件?缓存后怎么更新?说说你对keep-alive的理解是什么? (opens new window)
- 面试官:Vue常用的修饰符有哪些?有什么应用场景? (opens new window)
- 面试官:你有写过自定义指令吗?自定义指令的应用场景有哪些? (opens new window)
- 面试官:Vue中的过滤器了解吗?过滤器的应用场景有哪些? (opens new window)
- 面试官:什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路 (opens new window)
- 面试官:了解过vue中的diff算法吗?说说看 (opens new window)
- 面试官:Vue项目中有封装过axios吗?怎么封装的? (opens new window)
- 面试官:你了解Axios的原理吗?有看过它的源码吗? (opens new window)
- 面试官:SSR解决了什么问题?有做过SSR吗?你是怎么做的? (opens new window)
- 面试官:说下你的Vue项目的目录结构,如果是大型项目你该怎么划分结构和划分组件呢? (opens new window)
- 面试官:Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做? (opens new window)
- 面试官:跨域是什么?Vue项目中你是如何解决跨域的呢? (opens new window)
- 面试官:Vue项目如何部署?有遇到布署服务器后刷新404问题吗? (opens new window)
- 面试官:你是怎么处理vue项目中的错误的? (opens new window)
- 面试官:Vue3有了解过吗?能说说跟Vue2的区别吗? (opens new window)
Vue3系列
- 面试官:Vue3.0的设计目标是什么?做了哪些优化? (opens new window)
- 面试官:Vue3.0 性能提升主要是通过哪几方面体现的? (opens new window)
- 面试官:Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? (opens new window)
- 面试官:Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同? (opens new window)
- 面试官:说说Vue 3.0中Treeshaking特性?举例说明一下? (opens new window)
- 面试官:用Vue3.0 写过组件吗?如果想实现一个 Modal你会怎么设计? (opens new window)
ES6系列
- 面试官:说说var、let、const之间的区别 (opens new window)
- 面试官:ES6中数组新增了哪些扩展? (opens new window)
- 面试官:ES6中对象新增了哪些扩展? (opens new window)
- 面试官:ES6中函数新增了哪些扩展? (opens new window)
- 面试官:ES6中新增的Set、Map两种数据结构怎么理解? (opens new window)
- 面试官:你是怎么理解ES6中 Promise的?使用场景? (opens new window)
- 面试官:怎么理解ES6中 Generator的?使用场景? (opens new window)
- 面试官:你是怎么理解ES6中Proxy的?使用场景? (opens new window)
- 面试官:你是怎么理解ES6中Module的?使用场景? (opens new window)
- 面试官:你是怎么理解ES6中 Decorator 的?使用场景? (opens new window)
Javascript系列
- 面试官:说说Javascript中的数据类型?区别? (opens new window)
- 面试官:Javscript数组的常用方法有哪些? (opens new window)
- 面试官:Javascript字符串的常用方法有哪些? (opens new window)
- 面试官:谈谈 Javascript 中的类型转换机制 (opens new window)
- 面试官:== 和 ===区别,分别在什么情况使用 (opens new window)
- 面试官:深拷贝浅拷贝的区别?如何实现一个深拷贝? (opens new window)
- 面试官:说说你对闭包的理解 (opens new window)
- 面试官:说说你对作用域链的理解 (opens new window)
- 面试官:JavaScript原型,原型链 ? 有什么特点? (opens new window)
- 面试官:Javascript如何实现继承? (opens new window)
- 面试官:谈谈this对象的理解 (opens new window)
- 面试官:JavaScript中执行上下文和执行栈是什么? (opens new window)
- 面试官:说说JavaScript中的事件模型 (opens new window)
- 面试官:typeof 与 instanceof 区别 (opens new window)
- 面试官:解释下什么是事件代理?应用场景? (opens new window)
- 面试官:说说new操作符具体干了什么? (opens new window)
- 面试官:ajax原理是什么?如何实现? (opens new window)
- 面试官:bind、call、apply 区别?如何实现一个bind? (opens new window)
- 面试官:说说你对正则表达式的理解?应用场景? (opens new window)
- 面试官:说说你对事件循环的理解 (opens new window)
- 面试官:DOM常见的操作有哪些? (opens new window)
- 面试官:说说你对BOM的理解,常见的BOM对象你了解哪些? (opens new window)
- 面试官:举例说明你对尾递归的理解,有哪些应用场景 (opens new window)
- 面试官:说说 JavaScript 中内存泄漏的几种情况? (opens new window)
- 面试官:Javascript本地存储的方式有哪些?区别及应用场景? (opens new window)
- 面试官:说说你对函数式编程的理解?优缺点? (opens new window)
- 面试官:Javascript中如何实现函数缓存?函数缓存有哪些应用场景? (opens new window)
- 面试官:说说 Javascript 数字精度丢失的问题,如何解决? (opens new window)
- 面试官:什么是防抖和节流?有什么区别?如何实现? (opens new window)
- 面试官:如何判断一个元素是否在可视区域中? (opens new window)
- 面试官:大文件上传如何做断点续传? (opens new window)
- 面试官:如何实现上拉加载,下拉刷新? (opens new window)
- 面试官:什么是单点登录?如何实现? (opens new window)
- 面试官:web常见的攻击方式有哪些?如何防御? (opens new window)
CSS系列
- 面试官:说说你对盒子模型的理解? (opens new window)
- 面试官:css选择器有哪些?优先级?哪些属性可以继承? (opens new window)
- 面试官:说说em/px/rem/vh/vw区别? (opens new window)
- 面试官:说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别? (opens new window)
- 面试官:css中,有哪些方式可以隐藏页面元素?区别? (opens new window)
- 面试官:谈谈你对BFC的理解? (opens new window)
- 面试官:元素水平垂直居中的方法有哪些?如果元素不定宽高呢? (opens new window)
- 面试官:如何实现两栏布局,右侧自适应?三栏布局中间自适应呢? (opens new window)
- 面试官:说说flexbox(弹性盒布局模型),以及适用场景? (opens new window)
- 面试官:介绍一下grid网格布局 (opens new window)
- 面试官:CSS3新增了哪些新特性? (opens new window)
- 面试官:css3动画有哪些? (opens new window)
- 面试官:怎么理解回流跟重绘?什么场景下会触发? (opens new window)
- 面试官:什么是响应式设计?响应式设计的基本原理是什么?如何做? (opens new window)
- 面试官:如果要做优化,CSS提高性能的方法有哪些? (opens new window)
- 面试官:如何实现单行/多行文本溢出的省略样式? (opens new window)
- 面试官:如何使用css完成视差滚动效果? (opens new window)
- 面试官:CSS如何画一个三角形?原理是什么? (opens new window)
- 面试官:让Chrome支持小于12px 的文字方式有哪些?区别? (opens new window)
- 面试官:说说对Css预编语言的理解?有哪些区别? (opens new window)
webpack系列
- 面试官:说说你对webpack的理解?解决了什么问题? (opens new window)
- 面试官:说说webpack的构建流程? (opens new window)
- 面试官:说说webpack中常见的Loader?解决了什么问题? (opens new window)
- 面试官:说说webpack中常见的Plugin?解决了什么问题? (opens new window)
- 面试官:说说Loader和Plugin的区别?编写Loader,Plugin的思路? (opens new window)
- 面试官:说说webpack的热更新是如何做到的?原理是什么? (opens new window)
- 面试官:说说webpack proxy工作原理?为什么能解决跨域? (opens new window)
- 面试官:说说如何借助webpack来优化前端性能? (opens new window)
- 面试官:如何提高webpack的构建速度? (opens new window)
- 面试官:与webpack类似的工具还有哪些?区别? (opens new window)
HTTP系列
- 面试官:什么是HTTP? HTTP 和 HTTPS 的区别? (opens new window)
- 面试官:为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的? (opens new window)
- 面试官:如何理解UDP 和 TCP? 区别? 应用场景? (opens new window)
- 面试官:如何理解OSI七层模型? (opens new window)
- 面试官:如何理解TCP/IP协议? (opens new window)
- 面试官:DNS协议 是什么?说说DNS 完整的查询过程? (opens new window)
- 面试官:如何理解CDN?说说实现原理? (opens new window)
- 面试官:说说 HTTP1.0/1.1/2.0 的区别? (opens new window)
- 面试官:说说HTTP 常见的状态码有哪些,适用场景? (opens new window)
- 面试官:说一下 GET 和 POST 的区别? (opens new window)
- 面试官:说说 HTTP 常见的请求头有哪些? 作用? (opens new window)
- 面试官:说说地址栏输入 URL 敲下回车后发生了什么? (opens new window)
- 面试官:说说TCP为什么需要三次握手和四次挥手? (opens new window)
- 面试官:说说对WebSocket的理解?应用场景? (opens new window)
NodeJS系列
- 面试官:说说你对Node.js 的理解?优缺点?应用场景? (opens new window)
- 面试官:说说 Node. js 有哪些全局对象? (opens new window)
- 面试官:说说对 Node 中的 process 的理解?有哪些常用方法? (opens new window)
- 面试官:说说对 Node 中的 fs模块的理解? 有哪些常用方法 (opens new window)
- 面试官:说说对 Node 中的 Buffer 的理解?应用场景? (opens new window)
- 面试官:说说对 Node 中的 Stream 的理解?应用场景? (opens new window)
- 面试官:说说Node中的EventEmitter? 如何实现一个EventEmitter? (opens new window)
- 面试官:说说对Nodejs中的事件循环机制理解? (opens new window)
- 面试官:说说 Node 文件查找的优先级以及 Require 方法的文件查找策略? (opens new window)
- 面试官:说说对中间件概念的理解,如何封装 node 中间件? (opens new window)
- 面试官:如何实现jwt鉴权机制?说说你的思路 (opens new window)
- 面试官:如何实现文件上传?说说你的思路 (opens new window)
- 面试官:如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互? (opens new window)
- 面试官:Node性能如何进行监控以及优化? (opens new window)
React系列
- 面试官:说说对React的理解?有哪些特性? (opens new window)
- 面试官:说说 Real DOM和 Virtual DOM 的区别?优缺点? (opens new window)
- 面试官:说说 React 生命周期有哪些不同阶段?每个阶段对应的方法是? (opens new window)
- 面试官:state 和 props有什么区别? (opens new window)
- 面试官:super()和super(props)有什么区别? (opens new window)
- 面试官:说说React中的setState执行机制 (opens new window)
- 面试官:说说React的事件机制? (opens new window)
- 面试官:React事件绑定的方式有哪些?区别? (opens new window)
- 面试官:React构建组件的方式有哪些?区别? (opens new window)
- 面试官:React中组件之间如何通信? (opens new window)
- 面试官:React中的key有什么作用? (opens new window)
- 面试官:说说对React refs 的理解?应用场景? (opens new window)
- 面试官:说说对React中类组件和函数组件的理解?有什么区别? (opens new window)
- 面试官:说说对受控组件和非受控组件的理解?应用场景? (opens new window)
- 面试官:说说对高阶组件的理解?应用场景? (opens new window)
- 面试官:说说对React Hooks的理解?解决了什么问题? (opens new window)
- 面试官:说说react中引入css的方式有哪几种?区别? (opens new window)
- 面试官:在react中组件间过渡动画如何实现? (opens new window)
- 面试官:说说你对Redux的理解?其工作原理? (opens new window)
- 面试官:说说对Redux中间件的理解?常用的中间件有哪些?实现原理? (opens new window)
- 面试官:你在React项目中是如何使用Redux的? 项目结构是如何划分的? (opens new window)
- 面试官:说说你对React Router的理解?常用的Router组件有哪些? (opens new window)
- 面试官:说说React Router有几种模式?实现原理? (opens new window)
- 面试官:说说你对immutable的理解?如何应用在react项目中? (opens new window)
- 面试官:说说React render方法的原理?在什么时候会被触发? (opens new window)
- 面试官:说说你是如何提高组件的渲染效率的?在React中如何避免不必要的render? (opens new window)
- 面试官:说说React diff的原理是什么? (opens new window)
- 面试官:说说对Fiber架构的理解?解决了什么问题? (opens new window)
- 面试官:说说React Jsx转换成真实DOM过程? (opens new window)
- 面试官:说说 React 性能优化的手段有哪些? (opens new window)
- 面试官:说说你在React项目是如何捕获错误的? (opens new window)
- 面试官:说说React服务端渲染怎么做?原理是什么? (opens new window)
- 面试官:说说你在使用React 过程中遇到的常见问题?如何解决? (opens new window)
版本控制系列
- 面试官:说说你对版本管理的理解?常用的版本管理工具有哪些? (opens new window)
- 面试官:说说你对Git的理解? (opens new window)
- 面试官:说说Git中 fork, clone,branch这三个概念,有什么区别? (opens new window)
- 面试官:说说Git常用的命令有哪些? (opens new window)
- 面试官:说说Git 中 HEAD、工作树和索引之间的区别? (opens new window)
- 面试官:说说对git pull 和 git fetch 的理解?有什么区别? (opens new window)
- 面试官:说说你对git stash 的理解?应用场景? (opens new window)
- 面试官:说说你对git rebase 和 git merge的理解?区别? (opens new window)
- 面试官:说说 git 发生冲突的场景?如何解决? (opens new window)
- 面试官:说说你对git reset 和 git revert 的理解?区别? (opens new window)
操作系统系列
- 面试官:说说你对操作系统的理解?核心概念有哪些? (opens new window)
- 面试官:说说什么是进程?什么是线程?区别? (opens new window)
- 面试官:说说 linux系统下 文件操作常用的命令有哪些? (opens new window)
- 面试官:说说 linux 系统下 文本编辑常用的命令有哪些? (opens new window)
- 面试官:说说你对 linux 用户管理的理解?相关的命令有哪些? (opens new window)
- 面试官:说说你对输入输出重定向和管道的理解?应用场景? (opens new window)
- 面试官:说说你对 shell 的理解?常见的命令? (opens new window)
typescript系列
- 面试官:说说你对 typescript 的理解?与 javascript 的区别? (opens new window)
- 面试官:说说 typescript 的数据类型有哪些? (opens new window)
- 面试官:说说你对 TypeScript 中枚举类型的理解?应用场景? (opens new window)
- 面试官:说说你对 TypeScript 中接口的理解?应用场景? (opens new window)
- 面试官:说说你对 TypeScript 中类的理解?应用场景? (opens new window)
- 面试官:说说你对 TypeScript 中函数的理解?与 JavaScript 函数的区别? (opens new window)
- 面试官:说说你对 TypeScript 中泛型的理解?应用场景? (opens new window)
- 面试官:说说你对 TypeScript 中高级类型的理解?有哪些? (opens new window)
- 面试官:说说你对 TypeScript 装饰器的理解?应用场景? (opens new window)
- 面试官:说说对 TypeScript 中命名空间与模块的理解?区别? (opens new window)
- 面试官:说说如何在React项目中应用TypeScript? (opens new window)
- 面试官:说说如何在Vue项目中应用TypeScript? (opens new window)
算法系列
- 面试官:说说你对算法的理解?应用场景? (opens new window)
- 面试官:说说你对算法中时间复杂度,空间复杂度的理解?如何计算? (opens new window)
- 面试官:说说你对数据结构的理解?有哪些?区别? (opens new window)
- 面试官:说说你对栈、队列的理解?应用场景? (opens new window)
- 面试官:说说你对链表的理解?常见的操作有哪些? (opens new window)
- 面试官:说说你对集合的理解?常见的操作有哪些? (opens new window)
- 面试官:说说你对树的理解?相关的操作有哪些? (opens new window)
- 面试官:说说你对堆的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对图的理解?相关操作有哪些? (opens new window)
- 面试官:说说常见的排序算法有哪些?区别? (opens new window)
- 面试官:说说你对冒泡排序的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对选择排序的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对插入排序的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对归并排序的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对快速排序的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对二分查找的理解?如何实现?应用场景? (opens new window)
- 面试官:说说你对分而治之、动态规划的理解?区别? (opens new window)
- 面试官:说说你对贪心算法、回溯算法的理解?应用场景? (opens new window)
小程序系列
- 面试官:说说你对微信小程序的理解?优缺点? (opens new window)
- 面试官:说说微信小程序的生命周期函数有哪些? (opens new window)
- 面试官:说说微信小程序中路由跳转的方式有哪些?区别? (opens new window)
- 面试官:说说提高微信小程序的应用速度的手段有哪些? (opens new window)
- 面试官:说说微信小程序的登录流程? (opens new window)
- 面试官:说说微信小程序的发布流程? (opens new window)
- 面试官:说说微信小程序的支付流程? (opens new window)
- 面试官:说说微信小程序的实现原理? (opens new window)
设计模式系列
- 面试官:说说对设计模式的理解?常见的设计模式有哪些? (opens new window)
- 面试官:说说你对单例模式的理解?如何实现? (opens new window)
- 面试官:说说你对工厂模式的理解?应用场景? (opens new window)
- 面试官:说说你对策略模式的理解?应用场景? (opens new window)
- 面试官:说说你对代理模式的理解?应用场景? (opens new window)
- 面试官:说说你对发布订阅、观察者模式的理解?区别? (opens new window)
# 👧 更多系列
# 面试官手写系列/精选33道
筹备中..
# 面试官浏览器系列/精选33道
筹备中..
# 面试官前端构建系列/精选33道
筹备中..
# 声明
- 添加本仓库地址可随意转载仓库内所有内容
- 本仓库永不收取任何费用,现在不会,未来也不会,也不会授权任何人/机构进行收费