# frontend-interview

**Repository Path**: josephxia/frontend-interview

## Basic Information

- **Project Name**: frontend-interview
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 11
- **Forks**: 6
- **Created**: 2022-01-13
- **Last Updated**: 2022-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端面试题汇总

<p align="center">
<a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=Javascript" ></a>
<a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=css" ></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=Vue" ></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=react" alt="javascript"></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=webpack" alt="javascript"></a>
    <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=pattern" alt="javascript"></a>
<a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=hybird" alt="设计模式"></a>
<a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=optimizing" alt="es6"></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=engineering" alt="css"></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=security" alt="javascript"></a>
  <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=algorithm" alt="javascript"></a>
    <a href="https://github.com/su37josephxia/frontend-interview/issues"><img src="https://img.shields.io/github/languages/top/badges/shields.svg?label=mvvm" alt="javascript"></a>
</p>





本仓库为语音打卡社群（前端大厂面试题每一题）,包含字节、百度、腾讯、京东等大量真题。

## 🚀 Why 
 - 痛点：知识懂 说不好
 - 刻意练习解决

优秀答案总结会在次日公众号中发布。

## 👍 如何参加
搜索公众号【前端大班车】 点击菜单加入1v1打卡群。

![wx](./assets/wx.png)


群规则 ：
- 每天一道发放一道面试题
- 要求发语音群打卡 
- 次日早晨清理没打卡的同学 发现下一道面试题

## BAT大厂待发布真题 + 面经 (后续逐渐补充答案 ⭐️ 一个)

https://github.com/su37josephxia/frontend-interview/tree/main/mianjing

## 🚘 大纲
# 🔥2022然叔坚持打卡365天
大家一波一键三连和然叔一起呀
===============
Day1 - JS 整数是怎么表示的？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=1)
- [掘金文章](https://juejin.cn/post/7048191028280426526)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/3)

Day2 - 0.1 + 0.2 === 0.3 嘛？为什么？怎么解决？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=2)
- [掘金文章](https://juejin.cn/post/7048554678858022925)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/2)

Day3 - Number() 的存储空间是多大？如果后台发送了一个超过最大限制的数字怎么办?
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=3)
- [掘金文章](https://juejin.cn/post/7048998409067298830)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/4)

Day4 - 判断数据类型的方式有哪些？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=4)
- [掘金文章](https://juejin.cn/post/7049383966700208165)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/5)

Day5 - new 一个函数发生了什么？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=5)
- [掘金文章](https://juejin.cn/post/7049731312801808420)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/6)

Day6 - new 一个构造函数，如果函数返回 `return {}` 、 `return null` ， `return 1` ， `return true` 会发生什么情况？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=6)
- [掘金文章](https://juejin.cn/post/7050087767962976287)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/7)

Day7 - 分析一下箭头语法为什么不能当做构造函数
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=7)
- [掘金文章](https://juejin.cn/post/7050476297318825992)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/25)

Day8 - 什么是闭包？如何产生闭包
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=8)
- [掘金文章](https://juejin.cn/post/7050861660000976904)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/20)

Day9 - 如何用闭包制造惰性函数?
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=9)
- [掘金文章](https://juejin.cn/post/7051233635608821797/)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/23)

Day14 - 词法作用域、块级作用域、作用域链、静态动态作用域
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=14)
- [掘金文章](https://juejin.cn/post/7053087344827744292)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/21)

Day21 - innerHTML、 nodeValue与 textContent之间的区别
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=21)
- [掘金文章](https://juejin.cn/post/7056045978855571493)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/26)

Day10 - 闭包与科里化、偏应用函数的关系
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=10)
- [掘金文章](https://juejin.cn/post/7051547767855906852)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/54)

Day11 - 谈谈闭包与即时函数的应用
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=11)
- [掘金文章](https://juejin.cn/post/7051968010512236574)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/55)

Day12 - 如何利用闭包完成类库封装
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=12)
- [掘金文章](https://juejin.cn/post/7052238635671748616)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/56)

Day13 - 如何用闭包完成模块化(Webpack原理)
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=13)
- [掘金文章](https://juejin.cn/post/7052658786477015054)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/57)

Day15 - let为什么能够解决循环陷阱
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=15)
- [掘金文章](https://juejin.cn/post/7053475694730280997)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/58)

Day16 - 为什么一定要有块级作用域？
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=16)
- [掘金文章](https://juejin.cn/post/7053826986812112909)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/59)

Day17 - let是否会造成变量提升
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=17)
- [掘金文章](https://juejin.cn/post/7054194651380580389)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/60)

Day18 - 介绍一下this指向4种形式
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=18)
- [掘金文章](https://juejin.cn/post/7054525103098298404)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/61)

Day19 - React中的事件绑定与箭头函数
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=19)
- [掘金文章](https://juejin.cn/post/7054949116295512077)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/71)

Day22 - 呈现一个wiki页面你会用到哪些语义化标签
- [B栈视频](https://www.bilibili.com/video/BV1gr4y1U7pY?p=22)
- [掘金文章](https://juejin.cn/post/7056047002903134244)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/74)

Day26 - SVG和CANVAS的区别？
- [B栈视频](https://www.bilibili.com/video/BV1nq4y1w7sW)
- [掘金文章](https://juejin.cn/post/7057410984914190350)
- [Github](https://github.com/su37josephxia/frontend-interview/issues/78)

Day27 - Script放在body或header中会阻塞吗?
- [B栈视频](https://www.bilibili.com/video/BV1wq4y1F7P7)
- [掘金文章]()
- [Github](https://github.com/su37josephxia/frontend-interview/issues/79)

Day28 - 简述一下浏览器渲染过程
- [B栈视频](https://www.bilibili.com/video/BV1RS4y1L7zn/)
- [掘金文章]()
- [Github](https://github.com/su37josephxia/frontend-interview/issues/80)

Day29 - 回流和重绘
- [B栈视频](https://www.bilibili.com/video/BV1qb4y1E7Qj)
- [掘金文章]()
- [Github](https://github.com/su37josephxia/frontend-interview/issues/81)

Day30 - 详细说一个ServiceWorker的应用
- [B栈视频](https://www.bilibili.com/video/BV1e3411E7iz)
- [掘金文章]()
- [Github](https://github.com/su37josephxia/frontend-interview/issues/86)