houkeepmoving/everyday-insist

前端面试每日一题

everyday-insist

21秋招最新面试题

字节篇

1. cookie, localStorage sessionStorage区别
2. this指向
3. 程序的输出结果是
4. script标签的defer和async属性有什么区别
5. 如何实现数组扁平化
6. 如何判断数组
7. instanceof原理并模拟实现
8. 介绍一下symbol
9. map与weakMap的区别
10. 0.1+0.2、0.1+0.3 和 0.1X0.2 分别等于多少？并解释下为什么？ js
11. number能表示的整数的最大范围
12. debounce
13. throttle
14. DOM事件流
15. 数组去重
16. 实现promise.all
17. 原型与原型链
18. 继承
19. 实现promise.allSettled
20. 你了解ES6的bigInt吗
21. 事件循环机制
22. 事件冒泡、事件捕获
23. 事件委托
24. 使用new调用函数，而这个函数中有返回值，那它return出来的是什么
25. 闭包
26. deepclone
27. 模拟实现indexOf
28. 柯里化
29. async与await原理
30. 实现ajax
31. 实现apply
32. defienProperty与proxy区别
33. let const var区别

百度

1. 什么是promise？实现一个简单的promise
2. set集合，实现取数和存数
3. cookie, localStorage sessionStorage区别
4. set/map区别及使用
5. map与object键值key遍历顺序
6. 箭头函数与普通函数区别
7. this指向
8. 数组去重
9. 手撕数组排序
10. 同步任务和异步任务区别
11. 事件循环机制
12. 实现promise.all
13. 实现promise.race
14. Promise.all(), .race(), .allSettled()对比
15. debounce
16. 闭包
17. 数组高阶方法
18. 千分位分隔符
19. Promise、Generator、Async三者的区别

有赞

1. async与await原理
2. map与weakMap的区别
3. map与object区别
4. [dom 查找的方法]
5. 什么是promise？实现一个简单的promise https://juejin.cn/post/6945319439772434469 https://juejin.cn/post/6844903625609707534#heading-9
6. JavaScript的数据类型
7. 2.toFixed()
8. 原型与原型链
9. 继承
10. 事件循环机制
11. 查询某个对象是否有某个属性的方法
12. this指向
13. Object的_proto_指向什么
14. Function的_proto_指向什么
15. promise和setTimeout分别是什么任务

阿里

1. deepclone
2. 把一个JSON对象的key从下划线形式（Pascal）转换到小驼峰形式（Camel）
3. proxy优缺点
4. map与weakMap的区别
5. 垃圾回收机制
6. 原型与原型链
7. 箭头函数与普通函数区别
8. 什么是promise？实现一个简单的promise https://juejin.cn/post/6945319439772434469 https://juejin.cn/post/6844903625609707534#heading-9
9. [ES6 展开运算符]
10. set与weakSet区别
11. 实现promise.all
12. 实现promise.race
13. [generator原理]
14. async与await原理
15. 实现forEach
16. setTimeout与setInterval区别，两者那个更准
17. throttle
18. 作用域与作用域链
19. 如何串行执行多个Promise

滴滴

1. 模拟实现jsonp
2. 介绍一下symbol
3. 继承
4. deepclone
5. [Object.asign()]
6. 数组去重
7. 模拟实现new
8. 闭包
9. let const var区别
10. 实现promise.all
11. 作用域与作用域链
12. 垃圾回收机制
13. 原型与原型链
14. object.defineProperty

京东

1. let const var区别
2. 模拟实现ajax
3. debounce
4. throttle
5. 实现promise.all
6. 原型与原型链
7. 预编译
8. 数组去重
9. 闭包
10. deepclone
11. [undefined和null]
12. 事件循环机制
13. async与await原理
14. for..in for...of区别
15. [set去重原理]

B站

1. 什么是promise？实现一个简单的promise https://juejin.cn/post/6945319439772434469 https://juejin.cn/post/6844903625609707534#heading-9
2. script标签的defer和async属性有什么区别
3. 如何在使用async & await 时优雅的处理异常
4. 闭包
5. 事件循环机制
6. 预编译
7. 模拟实现 promise.finally
8. 模拟实现 promise.all
9. 数组去重
10. splice和slice你能说说有啥用和区别吗
11. 模拟实现new
12. 使用new调用函数，而这个函数中有return，那它return出来的是什么
13. object.create
14. 手写一个判断类型方法
15. [typeof]
16. 如何实现数组扁平化

富途

1. [判断变量类型的几种方法]
2. 遍历对象的方法，区别
3. 作用域与作用域链
4. 箭头函数与普通函数区别
5. 垃圾回收机制
6. 同步任务和异步任务区别
7. ==和===区别
8. let const var区别
9. script标签的defer和async属性有什么区别
10. defienProperty与proxy区别
11. call、apply、bind的区别
12. 模拟实现new
13. 箭头函数与普通函数区别
14. async与await原理

快手

1. this指向
2. 原型链继承和class区别
3. 闭包
4. 事件循环机制
5. 原型与原型链
6. 实现promise.all
7. 柯里化
8. 模拟实现new
9. 模拟实现jsonp
10. 如何实现数组扁平化
11. 把一个JSON对象的key从下划线形式（Pascal）转换到小驼峰形式（Camel）
12. 模拟实现reduce
13. debounce
14. throttle
15. let const var区别
16. 模拟实现new

美团

1. this指向
2. 事件循环机制
3. let const var区别
4. == 的隐式类型转换
5. 闭包
6. 数据类型判断方法
7. 模拟实现new
8. 箭头函数与普通函数区别
9. 构造函数，实例对象和原型对象关系
10. cookie, localStorage sessionStorage区别
11. 模拟实现promise.all
12. proxy可以监听嵌套对象的变化吗
13. map与weakMap的区别
14. deepclone
15. 原型与原型链
16. 聊聊promise的值穿透和异常穿透
17. async与await原理
18. js文件为什么要放在文件底部
19. 数组去重
20. 模拟实现ES6 class
21. DOM事件流
22. 模拟实现set
23. 模拟实现map
24. sleep函数

拼多多

1. 模拟实现promiseRace
2. 继承
3. 千分位分隔符
4. cookie, localStorage sessionStorage区别
5. 事件循环机制
6. 箭头函数与普通函数区别
7. 类数组与数组区别，为什么要设置类数组
8. 类数组如何转化为数组
9. deepclone
10. debounce
11. throttle
12. 模拟实现ajax
13. 数组去重
14. 闭包
15. this指向
16. set/map区别及使用
17. 如何实现数组扁平化
18. 事件冒泡、事件捕获
19. (*)基于promise实现超时重新请求
20. [怎么判断null 和Object]
21. cookie, localStorage sessionStorage区别

腾讯

1. [给你两个日期, 计算两个日期中间差了多少天]
2. 数组去重
3. [for in 的缺点]
4. [for of 能遍历对象吗]
5. [ for in 与 Object.keys区别]
6. [ for in 与 for of区别]
7. JavaScript的数据类型
8. 原型与原型链
9. 继承
10. this指向
11. 事件循环机制
12. 箭头函数与普通函数区别
13. Promise.all(), .race(), .allSettled()对比
14. async与await原理
15. call、apply、bind的区别
16. deepclone
17. 什么是promise？实现一个简单的promise

网易

1. 原型与原型链
2. [通过 new 构造函数创建实例对象，在构造函数上声明一个方法，跟直接给实例对象声明一个方法有什么区别吗？^]
3. call、apply、bind的区别
4. requestAnimationFrame
5. 在 timer = setInterval(() => {}, delay) 中，这个 timer 打印出来是什么
6. 什么是promise？实现一个简单的promise
7. 预编译
8. debounce
9. throttle
10. 构造函数与函数的区别
11. cookie, localStorage sessionStorage区别
12. 数组去重
13. 继承
14. 事件委托
15. JavaScript的数据类型
16. [setTimeout的实现原理]
17. 实现promise.all
18. == 的隐式类型转换
19. 柯里化
20. new A().log(1).wait(2).wait(2).log(1).wait(2)
21. 模拟实现new
22. 实现发布订阅模式

小红书

1. 原型与原型链
2. 事件循环机制
3. set/map区别及使用
4. 箭头函数与普通函数区别
5. async与await原理
6. debounce
7. throttle
8. typeof、 instanceof区别
9. 模拟实现instanceof
10. [typeof function 会显示什么]
11. ["1","2","3"].map(parseInt) 结果是什么，并解释原因
12. 如何让11返回[1,2,3] 用你能想到的最简单的方案(要求使用[].map())
13. 闭包

转转

1. 实现数据类型判断函数
2. 在 timer = setInterval(() => {}, delay) 中，这个 timer 打印出来是什么
3. null与undefined的区别
4. typeof为什么对null错误的显示
5. new 操作符做了哪些事情
6. 判断数据类型的方法
7. 防抖与节流区别
8. 实现链式调用
9. 实现数组转树
10. 使用proxy实现arr负数索引访问
11. setTimeout、Promise、Async/Await 的区别
12. sleep函数
13. a.b.c.d 和 a['b']['c']['d']，哪个性能更高？
14. 遍历对象的方法
15. for in 与 Object.keys区别
16. for in 和 for of 的区别
17. for of可以遍历对象吗
18. 实现object.create
19. 模拟实现any
20. 模拟实现resolve和reject
21. 实现object.assign
22. 实现偏函数
23. call
24. bind

面试题目

1. 2020-01-07

• Object.assign 是浅拷贝还是深拷贝？实现深拷贝的方法有哪些？ js

2. 2020-01-08

• css 清除浮动的几种方法 css
• 实现下划线命名转成驼峰命名的方法 js

3. 2020-01-09

• 模拟实现 localStoage js

4. 2020-01-10

• 请分析如下 promise 执行的结果并解释原因 js

5. 2020-01-11

• 什么是 FOUC？你是如何避免 FOUC 的？ css
  1. style标签写在body前和body后的区别是什么？
  2. css 中@import 和 link 的区别

6. 2020-01-12

• typeof 系列题目 js
  1. typeof('abc')和 typeof 'abc'都是 string, 那么 typeof 是操作符还是函数？
  2. 请解释下 NaN 表示什么呢？typeof NaN 结果是什么？
  3. 实现一个类型判断函数，需要鉴别出基本类型、function、null、NaN、数组、对象？

7. 2020-01-13

• axios 是什么？怎样使用它？怎么解决跨域的问题 axios
• 几道 js 运算题 js
  1. 分析('b' + 'a' + +'a' + 'a').toLowerCase()返回的结果？
  2. 请分析!+[]+!![]+!![]+!![]+!![]+!![]的结果
  3. 解释下为什么{} + [] === 0 为 true？

8. 2020-01-14

• 2020.01.14 吐槽日记.md other
• 如何使用 js 获取当前的 url 和来源的 url？(2020.01.14) js
• 写个方法判断当前脚本运行在浏览器还是 node 环境中(2020.01.14) js
• window.console.log()和 console .log()有区别吗？体现在哪里？ js
• 对比下 px、em、rem 有什么不同？ css

9. 2020.01.15

• 请写出几种匿名自执行的写法(至少三种) js
• 0.1+0.2、0.1+0.3 和 0.1X0.2 分别等于多少？并解释下为什么？ js
• 请你解释一个为什么 10.toFixed(10)会报错？ js

10 .2020.01.16

• 举例说明 atob 和 btoa 的用法 js
• 分析比较 opacity：0、visibility：hidden、display：none 三者的优劣和适用场景 css

11. 2020.01.17

• 年会嗨大了，忘记，虔诚认错

12. 2020.01.18

• let、var、const 区别 js
• 为什么 let、const 声明的变量不在 window 上 js
• let、const 执行机制分析 js

13. 2020.01.19

• 分别写出数组的交集、并集、差集、补集这四个方法 js

14. 2020.01.20

• 前端需要注意哪些 SEO html
• css sprite 是什么,有什么优缺点 css
• 请解释什么是事件代理 js

15. 2020.01.21

• Doctype 作用？严格模式与混杂模式如何区分？它们有何意义？ html
• 介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ css
• ['1','2','3'].map(parseInt)答案是多少 js

16. 2020.01.22

• 介绍一下你对浏览器内核的理解？ html
• display 有哪些值？说明他们的作用 css
• 那些操作会造成内存泄漏 js

17. 2020.01.30

• 掌握盒子水平垂直居中的几大方案 css

18. 2020.02.01

• 一道关于面向对象面试题所引发的血案(阿里) js

function Foo() {
  getName = function() {
    console.log(1);
  };
  return this;
}
Foo.getName = function() {
  console.log(2);
};
Foo.prototype.getName = function() {
  console.log(3);
};
var getName = function() {
  console.log(4);
};
function getName() {
  console.log(5);
}
Foo.getName();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();

19. 2020.02.02

• 一道面试题让你彻底掌握 JS 中的 EventLoop(头条) js

20. 2020.02.03

• 不考虑其它因素，下面哪种的渲染性能比较高？ css

21. 2020.02.04

• 你知道 vue 中 key 的原理吗？说说你对它的理解 vue
• 怎么解决 vue 打包后静态资源图片失效的问题？ vue
• 怎么解决 vue 动态设置 img 的 src 不生效的问题？ vue

22. 2020.02.05

• 你有使用过 babel-polyfill 模块吗？主要是用来做什么的？ vue
• Vue.observable 你有了解过吗？说说看 vue

23. 2020.02.06

• 在 vue 事件中传入$event，使用 e.target 和 e.currentTarget 有什么区别？ vue
• 怎么访问到子组件的实例或者子元素？ vue

23. 2020.02.07

• template 标签有什么用？ vue

24. 2020.02.08

• vue-router 怎么重定向页面？ vue
• vue-router 怎么配置 404 页面？ vue
• $nextTick 有什么作用？ vue

25. 2020.02.09

• 在子组件中怎么访问到父组件的实例？ vue
• 扩展计算题展题.md js

  // 问题一：
  var name = "Tom";
  (function() {
    if (typeof name == "undefined") {
      name = "Jack";
      console.log("Goodbye " + name);
    } else {
      console.log("Hello " + name);
    }
  })();
  // 问题二：
  1 + "1" 
  2 * "2" 
  [1, 2] + [2, 1] 
  "a" + + "b"     

26. 2020.02.13

• 准确说出'1,2,3,4'.split()的结果是什么（包括类型和值）？ js
• vue生命周期总共有几个阶段？ vue
• 生命周期简单问题集合 vue