分享一套今日头条的前端笔试题，瞧瞧你是否能过关?

我说我去招聘了，你信不信？这是头条的校招前端笔试题，如果侵权了，请联系我。

HTML

针对移动浏览器端开发页面，不期望用户放大屏幕，且要求“视口（viewport）”宽度等于屏幕宽度，视口高度等于设备高度，如何设置？

1. data-xxx 属性的作用是什么？

2. 请描述一下cookies，sessionStorage和localStorage的区别？

3. 什么时候浏览器的标准模式（standards mode）和怪异模式（quirks mode）

CSS

1. 解释一下box-model：全部属性，各个属性取值类型，范围，计算值方式，负值作用，box-sizing概念。

2. BFC(Block Formatting Context)是什么？有哪些应用？

3. 如何要求容器在宽度自由很缩的情况下，A/B/C的宽度始终是1:1:1，如何实现，写出两种方法。

1. 如图，A若宽高已知，如何实现水平、垂直均相对于父元素居中？若A高度未知呢？

JAVASCRIPT

1. 函数中的arguments是什么？是数组吗？若不是，如何将它转化为真正的数组？

2. 列举JavaScript中typeof操作符的可能结果，如何区分：{}和[]类型？

3. Function中的call、apply、bind的区别是什么？请针对每一个写出一个代码示例。

4. 使用jQuery，找到id位selector的select标签中有用data-target属性为isme的option的值？

5. 请优化下段代码：

   for (var i = 0; i < document.getElementsByTagName('a').length; i++) {
    document.getElementsByTagName('a')[i].onmouseover = function () {
    this.style.color = 'red';
    }
    document.getElementsByTagName('a')[i].onmouseout = function () {
    this.style.color = '';
    }
   }

总结

整套题比较基础，属于初级工程师水平。

最后给大家推荐一个前端内部学习圈子：675498134，进群找管理免费领取学习资料。每天还有技术大牛直播讲解前端开发项目案例！大佬小白都欢迎，大家一起学习共同进步！