前端面试常考知识点整理

希望的天
• 阅读 1501

个人经历

给大家一个参考,计算机信息工程专业,大学学过前端,毕业后阴差阳错在小公司做了三年测试后,意外地拿到了字节跳动前端的offer,成功跳槽到了字节跳动事业部。

字节跳动面试对基础比较看重,然后需要你有两三个比较好的项目,一面重视面试者对前端基础的把握,还要手写代码,不过不难。
二面部门的leader面,这一面比较难,面试官会对你的项目细节进行深挖,所以说项目要牛逼一点,最后还会有一道逻辑题(侥幸),三面是还是技术面,最后是HR面,如果你想进大公司的话,下面这些技术是肯定要掌握的:html5,css3,JavaScript,略懂一点jQuery源码,Node.js,express,mongoose,数据库mongodb。大公司问的核心在于JavaScript。

本人总结了一系列大厂面试中常问的面试技术点,深入解析以及答案,将为最近准备面试的各开发者去大厂保驾护航,

何谓面试? 我所理解的面试,它是一个过程,是不断沉淀、不断总结、善于传达自己的专业领域技术以及解决问题能力的过程。以下是我准备字节跳动前端面试收集总结的一些面试题,文中如有错误,恳请批评指正!

如果觉得看起来比较麻烦,需要PDF版本,或是需要更多学习资料(大厂面试真题解析),点击我领取。祝愿每一位有追求的Android开发同胞都能进大厂拿高薪!

CSS 基础

  1. 请你讲一讲 CSS 的权重和优先级
  2. 介绍 Flex 布局,flex 是什么属性的缩写
  3. CSS 怎么画一个大小为父元素宽度一半的正方形?
  4. CSS实现自适应正方形、等宽高比矩形
  5. 实现两栏布局的方式
  6. 实现三列布局的方式
  7. CSS 动画有哪些?
  8. 用css2和css3分别写一下垂直居中和水平居中
  9. visibility 和 display 的差别(还有opacity)
  10. opacity 可以有过渡效果?
  11. BFC 与 IFC 区别
  12. BFC会与float元素相互覆盖吗?为什么?举例说明
  13. 了解box-sizing吗?
  14. 什么是 BFC
  15. 了解盒模型吗?
  16. 说一下你知道的position属性,都有啥特点?
  17. 两个div上下排列,都设margin,有什么现象?
  18. 清除浮动有哪些方法?
    ...
![](https://img-hello-world.oss-cn-beijing.aliyuncs.com/a5fa52e1ce00c2ddab4e8a259ccdc049.png)

CSS基础

JavaScript 基础

  1. 问:0.1 + 0.2 === 0.3 嘛?为什么?
  2. JS 数据类型
  3. JS 整数是怎么表示的?
  4. Number() 的存储空间是多大?如果后台发送了一个超过最大自己的数字怎么办
  5. 写代码:实现函数能够深度克隆基本类型
  6. 事件流
  7. 事件是如何实现的?
  8. new 一个函数发生了什么
  9. new 一个构造函数,如果函数返回 return {} 、 return null ,
    return 1 , return true 会发生什么情况?
  10. symbol有什么用处
  11. 闭包是什么?
  12. 闭包产生的本质
  13. 一般如何产生闭包
  14. 闭包的应用场景
  15. 什么是作用域?
  16. 什么是作用域链?
  17. NaN 是什么,用 typeof 会输出什么?
  18. JS 隐式转换,显示转换
  19. 了解 this 嘛,bind,call,apply 具体指什么
  20. 手写 bind、apply、call
  21. setTimeout(fn, 0)多久才执行,Event Loop
  22. 手写题:Promise 原理
  23. js脚本加载问题,async、defer问题
  24. 如何判断一个对象是不是空对象?