《前端特工队》闯关记录

1、在IOS中大于(不等于)哪个系统版本开始支持position:fixed？

iOS 5 and Android 4 are both reported to have position:fixed support now.(from:here)

呃……答案是IOS4.3以上

2、[]==[] 返回什么？

应该是JS，亲测返回false

3、<a href="__需填空，不填js，使之成为合理的url，协议跟主域一致__a.xxx.com" ></a>

最后的这道填空题很多人不懂是什么东西，这里其实考察到相对协议。由于不知道URL是http还是https，因此只需要填//即可，浏览器会自动寻找判断，这在CDN获取资源中很常用。（from:here）

4、下面代码，若在同步执行的情况下，得到的结果是?

var countLen = 4;while(countLen--){       (function(i){               setTimeout(function(){                       alert(i);               },0);       })(countLen);       alert(countLen);}

奇怪啊……我在chrome里测试，顺序是32101023，但是答案是32103210。

又从这位大神那拿答案了here……这里直接在控制台运行一下也可得出答案，选择D。里面的匿名函数是一个闭包，每一次传countLen进去后会调用setTimeout，实际上setTimeout传0参数后也不是马上执行的，这里关系到一个浏览器时钟精度的问题，详情看这文章。因此进入了setTimeout并不是马上执行，而是进入一个队列，等待延迟时间后依次执行。因此会先执行闭包外的alert，也就是3,2,1,0的顺序。接着执行浏览器延迟时钟setTimtout队列3,2,1,0。

5、下列哪个移动端属性可以禁止用户选中文字

A. -webkit-touch-callout:none             // 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片B. -webkit-user-select: none              // 设置为无法选择文本 C. -webkit-text-size-adjust: none         // 不允许浏览器自动调整字体D. -webkit-transform: rotateX(100deg)     // 各种变换，rotate是2D旋转E. -webkit-appearance: none               // 去除系统默认appearance的样式,常用于IOS下移除原生样式

所以答案是B

6、~~520.1314 等于什么？

答案：520

7、以下那个缓存控制方法不会与server校验新鲜度?

A. Cache-Control: max-age=0
B. Cache-Control: no-cache
C. Cache-Control: no-store
D. Cache-Control: must-revalidate

？？？？？？？？？？？？？？？？不清楚，先查了答案C

max-age执行缓存被认为是最新的最长时间；no-cache强制每次请求直接发送给源服务器，而不经过本地缓存版本的校验；no-store强制缓存在任何情况下都不要保留任何副本。在请求消息中发送将使得请求和响应消息都不使用缓存；must-revalidate告诉缓存必须遵循所有你给予副本的新鲜度的。因此no-store是完全禁止缓存，因此不需要校验缓存的新鲜度，常用于机密文件，答案选择C。

8、子元素宽高未知，使相对父元素水平垂直居中

.child {    position: absolute;    top: 50% ;    left: 50% ;    -webkit-transform: translate(-50% , -50% );}

9、CSS Loading动画

太好玩了。

10、找出被修改的数据

完全看不懂……答案M

T^T

在倒数第二个箱子，木有血啦……