面试题

• 数组易错点

[] != [] ;//true
[1] != [1] ;//true
[] == false ;//true
[11<12<13,13<12<11] ;//[true,true]
[1,2,3]<[1,2,4];//true
["a"]>[1] ;//true

• JS数字精度问题(点击查看解析)

1、两个简单的浮点数相加
   0.1 + 0.2 = 0.30000000000000004
2、大整数运算
   9999999999999999 == 10000000000000001 // true
3、toFixed不会四舍五入（Chrome）
   1.335.toFixed(2); // 1.33
4、0.2 - 0.1 = 0.1
   0.8 - 0.6 = 0.20000000000000007
   0.3 - 0.2 = 0.09999999999999998
JS 丢失精度的原因：JS采用双精度存储，占用64 bit。

• li和li之间会有空白间隙，咋解决？

1、回车导致，空格也属于字符
2、方法一：将li写在一排
3、方法二：浮动li
4、方法三：在ul中用font-size：0（谷歌不支持）；可以使用letter-space：-3px

• 如果需要手写动画，最小时间间隔是多久？

多数显示器默认频率是60Hz，即1秒刷新60次，
所以理论上最小间隔为1/60＊1000ms ＝ 16.7ms。

• a，b两个div，AB两个按钮，点击A按钮复制一个a div到空白区域，点击B按钮移除空白区域的div并复制b div到空白区域（核心方法：clone empty）

知识点一：clone()方法用于生成被选元素的副本，包括节点、文本、属性
         $(selector).clone()
         使用方法：$(".all").append($(".a").clone())
知识点二：empty()清空

• ul下边有三个li，添加一个li到第二个li后边并用原生js方法查找第二个li标签

知识点一：before、after在元素外插入
         append、prepend在元素内部插入
知识点二：var _li = document.getElementsByTagName("li")[1];

• 左侧宽度固定，右侧自适应

方法一：display    flex
方法二：浮动布局法（左侧固定成100px; 则核心代码 左侧：width:100px;float:left; 右侧 width:auto;margin-left:100px;）
方法三：利用margin负值（需要三个divA、divB、divB1，divB1在divB内）
        divA{ float:left；margin-right:-100px；width:100px;}
        divB{float:right;width:100%}
        divB1{margin-left:100px;}
方法四：calc()计算属性
        .left{float:left；width:100px;height:100px;}
        .right{float:right;width:calc（100% - 100px）;height:100px;}

• 如果cookie在浏览器被禁用，怎么解决

cookie个数：https://www.cnblogs.com/henryhappier/archive/2011/03/03/1969564.html
可以判断浏览器是否禁用cookie（navigator.cookieEnabled），如果禁用了可以考虑用webstorage或者session

• 盒模型与怪异盒模型

标准盒模型下，一个块的总宽度=width+padding+border+margin
怪异盒模型下，一个块的总宽度=width+margin（width包含了border和padding）
当设置为box-sizing：content-box时，采用标准模式解析
当设置为box-sizing：border-box时，采用怪异模式解析

• 7种数据类型

三种基本类型：数字、字符串、布尔
两种引用数据类型：对象、数组
两种特殊数据类型：undefined、null

typeof返回哪些数据类型：number、string、boolean、object、function、undefined

typeof([])===typeof({})------>>>true
typeof获取null、数组、对象，返回都是object

[]===[]------->>>false（两个单独的数组永不相等）