牛客网错题记录(不断更新中~

原创 2018年04月15日 20:19:26

1.一个值为false的Boolean对象被if强制转换时为true

        var x = new Boolean(false);//x为Boolean引用类型
        var y = Boolean(false);//y为Boolean原始类型        
        console.log(x);//Boolean {false}
        console.log(y);//false


2.当一个行内元素浮动的时候相当于设置display:inline-block

<div style=”width:400px;height:200px;”>
  <span style=”float:left;width:auto;height:100%;”>
           <i style=”position:absolute;float:left;width:100px;height:50px;”>hello</i>
  </span>
</div>

问题:span标签的width和height分别为多少?

首先,span作为一个行内元素本来是没法设宽高的,但是因为有float:left所以它被变为一个行内块级元素,高度为父亲高度的100%,宽为auto也就是随着内部元素的大小走;其次,内部position:absolute脱离文档流所以没有宽。

在这里我犯了一个错误虽然不影响结果,但是问题本身错的非常离谱。后经查证,浮动的块虽然脱离的正常的文档流,但是没有脱离文本流。而position:absolute既脱离文档流也脱离文本流,是绝对脱离。虽然二者都会带来高度塌陷,但float没有宽度塌陷(父元素宽随float的子元素),而position:absolute还有宽度塌陷(父元素宽为0)。

出个脑筋急转弯:

    <div style="width:400px;height:200px;">
        <div style="width:auto;height:100%;">
            <i style="float:left;width:100px;height:50px;">hello</i>
        </div>
    </div>

这时候里面的div应该是多宽多高呢?应该是宽400px,高200px微笑因为div是块级元素听他爹的。

    <div style="width:400px;height:200px;">
        <div style="width:auto;height:100%;display:inline-block;">
            <i style="float:left;width:100px;height:50px;">hello</i>
        </div>
    </div>

加了行内块级才能让他听孩子决定宽高!!!


提到float不由得让我想起去头条面试时的一道基础题……非常基础……但我答得非常差劲哭

两列布局(左固定右自适应)

①使用float+margin

        #div1 {
            border: 2px dashed red;
            width: 200px;
            float: left;
        }
        #div2 {
            border: 5px solid deepskyblue;
            margin-left: 204px;
        }

此方法还可使用absolute+margin-left方法,异曲同工之妙

②使用float+overflow:hidden

        #div1 {
            border: 2px dashed red;
            width: 200px;
            float: left;
        }
        #div2 {
            border: 5px solid deepskyblue;
            overflow: auto;//或者hidden
        }

③使用inline-block以及cal()

        #div1 {
            border: 2px dashed red;
            width: 200px;
            display: inline-block;
        }
        #div2 {
            border: 5px solid deepskyblue;
            display: inline-block;
            width:calc(100% - 204px);   
            box-sizing: border-box; //很重要,否则div2会下去,因为默认是content-box     
        }

注意去除inline-block元素之间的空隙:letter-spacing(字符间距)、word-spacing(单词间距)、font-size:0等。

④父元素使用flex

        body {
            display: flex;
        }
        #div1 {
            border: 2px dashed red;
            width: 200px;
        }
        #div2 {
            border: 5px solid deepskyblue;
            flex: 1;
        }


3.var test='4399'-0;

js解释器会将字符串‘4399’调用Number()转成4399再去计算。


4.搞明白虽然数组是个对象,但给他的属性都和length是并列的。


答案是:2,因为对象不能用length返回其拥有的属性数量。


5.img标签的onerror事件

当img中的src图片加载失败(或是根本没有),则触发onerror事件。

牛客网日常刷题错题汇总2017-09-06

关于ArrayList扩容的讲解:   ArrayList的构造器总共有三个:ArrayList()无参构造器构造一个初始容量为10的空列表,每次扩容大小为1.5倍;   ArrayList(Coll...
  • qq_27905183
  • qq_27905183
  • 2017-09-06 02:06:42
  • 219

牛客网错题总结

错题分析:A:虽然能得到想要的结果,但会造成内存泄露, 指针a脱离该函数后,不在能被调用;B:返回局部变量,出错;D:与B类似...
  • tkp2014
  • tkp2014
  • 2015-09-24 16:52:32
  • 820

牛客网错题集锦1

java的笔试啊啊啊啊啊大家一起加油 1. java.exe是java虚拟机,执行编译好的.class文件 javadoc.exe用来制作java文档,生成java说明文档 jbd.exe是java...
  • guanghuichenshao
  • guanghuichenshao
  • 2017-10-23 21:28:00
  • 116

牛客网日常刷题错题汇总2017-09-07

class A {} class B extends A {} class C extends A {} class D extends B {} Which four statements are ...
  • qq_27905183
  • qq_27905183
  • 2017-09-07 09:59:57
  • 188

牛客网Javascript专项练习错题汇总

字符串的拼接console.log(1+ +"2"+"2"); console.log("A"- "B"+"2"); console.log("A"- "B"+2);console.log(1+ +”...
  • qq_27905183
  • qq_27905183
  • 2017-08-14 10:48:13
  • 144

牛客网错题集锦

1、Linux中,一个端口能够接受tcp链接数量的理论上限是?易错误的选择(65535) 解析:标识一个TCP连接的是,客户端和服务器的IP地址加端口号,尽管服务器IP地址和端口号一样,但是客户端IP...
  • qq_26460507
  • qq_26460507
  • 2017-09-05 10:05:01
  • 111

牛客网日常刷题错题汇总2017-09-05

JSP九大内置对象   分别为:request/response/session/out/page/application/exception/config/pageContext;具体看博客:htt...
  • qq_27905183
  • qq_27905183
  • 2017-09-05 02:00:44
  • 249

2016/10/30 C++/C错题

以下一些答案解析转自牛客网牛友的分析,侵删int a =1,b =32 ; printf("%d,%d",a
  • Jang1996
  • Jang1996
  • 2016-10-30 16:44:11
  • 698

牛客网 剑指offer系列 错题记录一

7/10 题目:扑克牌顺子 ,看过剑指offer的一定知道这道题,当时看过了觉得蛮简单,过了几天,在牛客网选这题做的时候却没有一次编译通过,错误都是细节的,好记性不如烂笔头,所以写在这里记录下,希望能...
  • Cinderella_hou
  • Cinderella_hou
  • 2016-07-10 14:01:23
  • 1058
收藏助手
不良信息举报
您举报文章:牛客网错题记录(不断更新中~
举报原因:
原因补充:

(最多只允许输入30个字)