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

冷不防 2022-05-12 01:52 252阅读 0赞

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][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.

[https_segmentfault.com_a_1190000000490328]: https://segmentfault.com/a/1190000000490328