一人出一道前端面试题

madNeal · 2018-03-02T05:17:28Z

html, js, css, react, vue, webpack 等等，无任何限制，任意发挥，可以自创，可以搜索，金三银四，可以准备一波。

React

webpack

Vue

CSS

32 replies • 2018-03-03 15:28:11 +08:00

madNeal

OP

Mar 2, 2018

1

抛砖引玉一波盒子模型有哪些有什么区别

newbieo0O

Mar 2, 2018

2

console.log(
null == undefined,
null === undefined,
typeof null,
typeof undefined,
isNaN(null),
isNaN(undefined),
)
------------
手写以上输出的 6 个结果

madNeal

OP

Mar 2, 2018

3

@newbieo0O `true false object undefined false true`
以为　`isNaN(null)` 也是　`true`

whypool

Mar 2, 2018

4

设计一个前端路由高效命中规则？

rabbbit

Mar 2, 2018

5

true == 自动转换
false === 不会自动转换
object
undefined
后边俩不知道...

lingo

Mar 2, 2018

6

我怀疑这都是再收集面试题的。。。。

我开玩笑的。。别打我。。。。

ChefIsAwesome

Mar 2, 2018 via Android

7

像之前有人发帖阿里面试的，先问盒模型，接着问算法。我真不知道能筛选出来怎样的前端。

Exia

Mar 2, 2018

8

@madNeal null 是 0 ？

rabbbit

Mar 2, 2018

2

9

function a(i){
console.log(i);
var i = 2;
function i(){};
console.log(i);
}
a(1);
写出两个 console.log 的输出结果

wukongkong

Mar 2, 2018 via Android

10

@rabbbit 解释一下呢，第二个为什么是 undefined 呢

madNeal

OP

Mar 2, 2018

11

@Exia 我觉得应该是转换成了０

swirling

Mar 2, 2018

12

@wukongkong 那个 undefined 不是输出, 上面的才是第二个.

madNeal

OP

Mar 2, 2018

13

@wukongkong 并不是 undefined 啊，第一个是 f i(){} ,是因为声明提升把，第二个就是２啊

Exia

Mar 2, 2018

14

@madNeal 嗯，估计是浏览器自动转的吧。

frankkai

Mar 2, 2018

15

说下[]==false 的输出结果和判断过程

madNeal

OP

Mar 2, 2018

16

@Exia 这也不叫 l 浏览器自动转的把　应该算 js 的类型推断把

2010

Mar 2, 2018 via Android

17

none block 咋一起用🌚

madNeal

OP

Mar 2, 2018

18

@frankkai 是不是　[] => 0 => false ?

Exia

Mar 2, 2018

19

@madNeal 哦哦，是 isNaN( ) 这个方法把参数转的，这样理解应该对了。

frankkai

Mar 2, 2018

20

[]==false→[]==0→' '==0→0==0

[规范]( https://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf)里有，或者到这儿去看看[https://segmentfault.com/a/1190000011658459]( https://segmentfault.com/a/1190000011658459)

再追加两个：[1]==true 返回什么？[1,2,3]==true 返回什么？

rabbbit

Mar 2, 2018

21

@wukongkong 第二个是 2 吧?
实际执行顺序
function a(i){
function i(){};
var i;
console.log(i);
var i = 2;
console.log(i);
}
a(1);

frankkai

Mar 2, 2018

22

@madNeal 崩了，提取出 url 看好了。其实这种问题是为了考察对 js 学习的深度的，回答在规范里看过就可以了，具体转换过程比较难记住的。

rabbbit

Mar 2, 2018

23

写错了
var i = 2; => i = 2;

grantonzhuang

Mar 2, 2018 via Android

24

看完楼上的问题我一定是个假的前端

heyOhayo

Mar 2, 2018

25

event loop, macro task 和 micro task

GabrielChen

Mar 2, 2018

26

你一般如何 debug ？

madNeal

OP

Mar 2, 2018

27

@GabrielChen Chrome dev

xwhxbg

Mar 2, 2018

28

怎么实现正则表达式？

Acalpha

Mar 2, 2018

29

Function.prototype.a = 'b';
Object.prototype.a = 'c';
function Person(){};
var p = new Person();
console.log('p.a: '+ p.a);

mingyun

Mar 2, 2018

30

0.1+0.2 != 0.3 ?

chenyang

Mar 3, 2018

31

@madNeal 以为　`isNaN(null)` 也是　`true` +1

1OF7G

Mar 3, 2018

32

var a = {n: 1};
var b = a;
a.x = a = {n: 2};

console.log(a.x) // undefined