牛客网前端面试题错题总结

1、当表单中包含文件上传控件时，需要将enctype设置为（）

正确答案：B

application/x-www-form-urlencoded
multipart/form-data
text/explain
file-data

解析：

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。
属性值
application/x-www-form-urlencoded 
在发送前编码所有字符（默认） 
multipart/form-data 
不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。
text/plain 
空格转换为 "+" 加号，但不对特殊字符编码。

2、下列说法错误的是：

正确答案：C

A、在Blink和WebKit的浏览器中，某个元素具有3D或透视变换（perspective transform）的CSS属性，会让浏
览器创建单独的图层。
B、我们平常会使用left和top属性来修改元素的位置，但left和top会触发重布局，取而代之的更好方法是使用
translate，这个不会触发重布局。
C、移动端要想动画性能流畅，应该使用3D硬件加速，因此最好给页面中的元素尽量添加translate3d或者
translateZ(0)来触发3D硬件加速。
D、解决浏览器渲染的性能问题时，首要目标就是要避免层的重绘和重排。

解析：

滥用硬件加速会导致严重性能问题，因为它增加了内存使用，并且它会导致移动端电池寿命减少。

更多请看：https://segmentfault.com/a/1190000000490328

3、下列程序得到的结果分别是什么？（）

console.log(([])?true:false); 
console.log(([]==false?true:false)); 
console.log(({}==false)?true:false) 

正确答案是： true  true false 

解析：

此题考察类型转换，三元运算符先“分清是非”，再决定今后该走哪条路，“==”运算符比较“喜欢”Number类型。（我就不严谨地这么一说，若要刨根问底，请看《JavaScript权威指南》）

布尔类型里只有这几参数个返回false，其它都为true
Boolean(undefined) // false

Boolean(null) // false 

Boolean(0) // false 

Boolean(NaN) // false 

Boolean('') // false

下面是题目的类型转换结果：

Boolean([]); //true
Number([]); //0
Number({}); // NaN
Number(false); //0

因此：

console.log(([])?true:fasle);// => console.log((true)?true:false);
console.log([]==false?true:false); // => console.log(0==0?true:false);
console.log(({}==false)?true:false); // => console.log((NaN==0)?true:false);

《JavaScript权威指南》的部分相关知识点

---

“==”运算符（两个操作数的类型不相同时）

• 如果一个值是null，另一个值是undefined，则它们相等
• 如果一个值是数字，另一个值是字符串，先将字符串转换为数学，然后使用转换后的值进行比较。
• 如果其中一个值是true，则将其转换为1再进行比较。如果其中的一个值是false，则将其转换为0再进行比较。
• 如果一个值是对象，另一个值是数字或字符串，则将对象转换为原始值，再进行比较。

---

对象到数字的转换

• 如果对象具有valueOf()方法，后者返回一个原始值，则JavaScript将这个原始值转换为数字（如果需要的话）并返回一个数字。
• 否则，如果对象具有toString()方法，后者返回一个原始值，则JavaScript将其转换并返回。（对象的toString()方法返回一个字符串直接量（作者所说的原始值），JavaScript将这个字符串转换为数字类型，并返回这个数字）。
• 否则，JavaScript抛出一个类型错误异常。

---

空数组转换为数字0

• 数组继承了默认的valueOf()方法，这个方法返回一个对象而不是一个原始值，因此，数组到数学的转换则调用toString()方法。空数组转换为空字符串，空字符串转换为数字0.