fe-interview

BAT、TMD等各大厂中高级、资深前端面试题整理。

联系我

我是尤小小，跟着我每天攻克一道大厂前端面试题。让我带你走进高级前端的世界，在进阶的道路上，共勉！ 添加微信 uxiaoxiaoxx，进「前端进阶交流群」。

问题集合讨论区

地址：https://github.com/habc0807/fe-interview/issues

JavaScript基础

• 从输入 URL 到页面展示，这中间发生了什么？
• 手动实现 Array.prototype.reduce 函数？
• 你了解闭包吗？
• 基本数据类型相关？
• '1'.toString()为什么可以调用？
• 手写 instanceof
• 实现一个 function counter()，全局下每次调用返回值 +1

性能优化

• 谈谈你们对图片的优化方法？
• script阻塞DOM的渲染怎么办？
• 你知道defer 和 async的区别吗
• 首屏加载，你都做了哪些优化？

浏览器

• 你对浏览器缓存了解吗？
• 聊聊事件循环机制 - eventloop
• 聊聊浏览器的垃圾回收机制？
• 你知道哪些本地存储？
• 你对浏览器缓存了解吗

网络/HTTP

• 说说TCP连接的三次握手和四次挥手？
• HTTPS是如何实现的？
• HTTP缓存策略
• 你对cookie了解吗？
• cookie 存在跨域问题吗？
• 对 Cache-Control 了解吗？
• TCP连接如何降低丢表率？

webpack

• webpack 5 增加了哪些新特性？
• 你知道webpack的异步加载是怎么实现的吗？
• webpack的loader和plugin的区别?

ES6/7/8/NEXT

• 箭头函数，为什么不能通过new生成实例？
• Babel是如何将ES6及以上版本的代码转换为ES5的？
• promise相关问题？
• 说说箭头函数？
• forEach 与 map的区别?
• for in 与 for of 的区别?
• var与let、const的区别？
• const为什么可以定义常量，但是用const定义的对象、数组却可以改变？
• 手动实现一个promise.all
• export 与 export default 的区别？
• 手动实现一个promise.race() 

Vue/Vue3.0

• vue中 provide、 inject 的适用场景有哪些？
• vue中 functional无data无this的场景多吗？
• 你使用过vue的mixins吗？它有哪些适用场景？
• 你写过vue的自定义指令吗？都写过哪些？
• 说说vue中的 watch 深度监听和立即触发的使用场景，以及实现原理？
• Vue3.0 增添了哪些新特性?
• vue更新数组时触发视图的方法有哪些？
• 说说vue中computed的实现原理？
• vue中的diff算法是在哪些生命周期执行的？
• 谈谈vue中eventBus的实现原理?
• vue-loader是什么？它的作用是什么？
• vue双向绑定和vuex是否冲突?
• vue中 v-if 与 v-show有什么区别?
• vue中使用插值表达式，页面闪烁问题你是怎么解决的？
• 你能对比说说Vue与React、Angular框架吗?
• 你知道是如何实现组件缓存的吗？
• 为什么 vuex 的 mutation 里不能做异步操作？
• vue-router源码的 install方法， 为什么加 static？

微信小程序

• 为什么微信小程序要设计成双线程模型？

算法

• 手写洗牌算法
• 手写归并排序
• 统计字符串中出现最多的字母与个数？

业务相关

• 做过大文件上传吗？你是如何做上传优化的？
• 你解决过紧急的线上事故吗？
• 你的项目中有哪些痛点、难点（吐槽一波~）
• 来说说你对原型链的理解？
• 说说箭头函数？ 
• 如何优化长列表？
• 说说拖拽式动态表单的最佳实现方案？
• 你是如何做SEO优化的？
• 你对微前端了解吗
• h5与原生交互是如何通信的？
• 如何让你开发一个离线应用，你都要做什么，可以随便聊聊？

该面试题仓库于2020年9月12日停更。