HTML篇

HTML5语义化

html5语义化标签

CSS篇

CSS常见面试题

50道CSS经典面试题

能不能讲一讲Flex布局，以及常用的属性？

阮一峰的flex系列

BFC是什么？能解决什么问题？

什么是BFC？什么条件下会触发？应用场景有哪些？

JS基础篇

讲讲JS的数据类型？

最新的 ECMAScript 标准定义了 8 种数据类型:

• 6 种原始类型

  • Boolean
  • Undefined
  • Number
  • BigInt
  • String
  • Symbol
• null
• Object
• Function

讲讲Map和Set？

1. Map的key相比较普通对象来说更为灵活，普通对象的key只能以基础数据类型作为key值，并且所有传入的key值都会被转化成string类型，而Map的key可以是各种数据类型格式。
2. Set可以讲讲它去重的特性。

WeakMap和Map之间的区别？

WeakMap只能以复杂数据类型也就是对象作为key，并且key值是弱引用，对于垃圾回收更加友好。

讲讲原型链？

JavaScript深入之从原型到原型链

function Person() {

}
var person = new Person();
console.log(person.constructor === Person); // true，person 没有 constructor 属性，会从 person 的原型也就是 Person.prototype 中取，即 person.constructor === Person.prototype.constructor
console.log(person.__proto__ == Person.prototype) // true，__proto__ 属性会指向该对象的原型
console.log(Person.prototype.constructor == Person) // true
// 顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true
console.log(Object.prototype.__proto__ === null) // true

讲讲this？

JavaScript中的this

浅拷贝和深拷贝的区别

• 浅拷贝：一般指的是把对象的第一层拷贝到一个新对象上去，比如

  var a = { count: 1, deep: { count: 2 } }
  var b = Object.assign({}, a)
  // 或者
  var b = {...a}

• 深拷贝：一般需要借助递归实现，如果对象的值还是个对象，要进一步的深入拷贝，完全替换掉每一个复杂类型的引用。

  var deepCopy = (obj) => {
    var ret = {}
    for (var key in obj) {
        var value = obj[key]
        ret[key] = typeof value === 'object' ? deepCopy(value) : value
    }
    return ret
  }

对于同一个用例来说

// 浅拷贝
var a = { count: 1, deep: { count: 2 } }
var b = {...a}

a.deep.count = 5
b.deep.count // 5

var a = { count: 1, deep: { count: 2 } }
var b = deepCopy(a)
a.deep.count = 5
b.deep.count // 2

讲讲事件冒泡和事件捕获以及事件代理？

你真的理解事件冒泡和事件捕获吗？

框架篇

React

React2019高频面试题

2019年17道高频React面试题及详解

有没有使用过 React Hooks？

• 常用的有哪些？都有什么作用？
• 如何使用hook在依赖改变的时候重新发送请求？
• 写过自定义hook吗？解决了哪些问题。
• 讲讲React Hooks的闭包陷阱，你是怎么解决的？

useEffect 完整指南

讲讲React中的组件复用？

【React深入】从Mixin到HOC再到Hook

工具

webpack的基础知识

掘金刘小夕的webpack系列

性能优化

讲讲web各个阶段的性能优化？

React 16 加载性能优化指南

webpack代码分割是怎么做的？

webpack的代码分割（路由懒加载同理）

网络

讲讲http的基本结构？

http的基础结构

浏览器从输入url到渲染页面，发生了什么？

细说浏览器输入URL后发生了什么

讲讲你对cookie的理解？包括SameSite属性

预测最近面试会考 Cookie 的 SameSite 属性

谈谈https的原理？为什么https能保证安全？

谈谈 HTTPS

谈谈前端的安全知识？XSS、CSRF，以及如何防范。

寒冬求职之你必须要懂的Web安全

讲讲http的缓存机制吧，强缓存，协商缓存？

深入理解浏览器的缓存机制

手写系列

基础

手写各种原生方法

• 如何模拟实现一个 new 的效果？
• 如何模拟实现一个 bind 的效果？
• 如何实现一个 call/apply 函数？

三元-手写代码系列

进阶

手写Promise 20行

剖析Promise内部结构，一步一步实现一个完整的、能通过所有Test case的Promise类