14 September 2016
号外号外:专注于移动端的fullPage.js来啦!!!快点我查看

我说我去面试了,你信不信?这是今日头条的校招前端笔试题,如果侵权了,请联系我。

HTML

  1. 针对移动浏览器端开发页面,不期望用户放大屏幕,且要求“视口(viewport)”宽度等于屏幕宽度,视口高度等于设备高度,如何设置?

  2. data-xxx 属性的作用是什么?

  3. 请描述一下cookies,sessionStorage和localStorage的区别?

  4. 什么时候浏览器的标准模式(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 = '';
         }
     }
    

总结

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

原文网址:http://yanhaijing.com/web/2016/09/14/a-fe-question-of-toutiao/

公众号

扫码或搜索:颜海镜,最新博文优先推送
微信公众号:颜海镜


ujian