yu521088 / fee-interview-questions Goto Github PK

doctype（文档类型）的作用是什么？
告诉浏览器页面使用的HTML版本

浏览器标准模式和怪异模式之间的区别是什么？
标准模式会以标准模式解释页面，怪癖模式则以兼容模式解释老的页面。

说说HTML5有那些新特性，移除了哪些元素？

• HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。
• canvas, video, audio, localStorage, sessionStorage, Geolocation,APP Cache,web worker, 语义化标签, 表单控件
• 移除了纯表现的元素：basefont，big，center，font, s，strike，tt，u；对可用性能产生负面影响的元素：frame，frameset，noframes；

iframe有那些缺点？
iframe会阻塞主页面的Onload事件；
iframe是最费资源的元素；

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

• cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会
• sessionStorage和localStorage的存储空间更大(>4M)，cookie只有4K；
• sessionStorage和localStorage有更多丰富易用的接口；
• sessionStorage和localStorage各自独立的存储空间；
• sessionStorage的数据在浏览器开着时会一直存在；
• localStorage的数据会一直存在，即使在浏览器被关闭以后；

行内元素有哪些？块级元素有哪些？什么是可替换元素？什么是不可替换元素？

1. CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值， 比如div默认display属性值为“block”，成为“块级”元素； span默认display属性值为“inline”，是“行内”元素。
2. 行内元素有：a b span img input select strong（强调的语气）
3. 块级元素有：div ul ol li dl dt dd h1… p
4. 知名的空元素： br hr img input link meta 鲜为人知的是： area base col command embed keygen param source track wbr

替换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。如img，input 不可替换元素，即其内容直接表现给用户端。如p

specify('hello world') // => 'h e l l o w o r l d' 实现specify函数
A:

function specify(s){
  return s.split('').join(' ');
}

如果输出'h e l l o w o r l d'

function specify(s){
  return s.replace(' ', '').split('').join(' ');
}

实现一个log()方法，接收多个参数，在输出前添加"(APP) "
A:

function log(){

  var args = Array.prototype.slice.call(arguments);

  args.unshift('(app) ');

  console.log.apply(console, args);

};

上下文理解

var User = {

  count: 1,

  getCount: function() {

    return this.count;

  }

};
console.log(User.getCount());
var func = User.getCount;
console.log(func());

A: 输出1和undefined

数组求合集，要求时间复杂度最小

  var first = ['a','b','c','d','e'], second = ['a','b','c'], third = ['a','c','d','e'], fourth = ['a','d','e','f'] 

A: 第一种方法

  var result = {};
  var heji = [];
  var whole = first.concat(second, third, fourth);
  for(var i = whole.length-1; i >= 0; i--){
        var part = whole[i];
        result[part]?(result[part] += 1) : result[part] = 1;
  }
  for(var j in result){
        j.length == 4 ? heji.push(j):;
  }
  时间复杂度: n*m*2 (n为数组个数，m为数组长度)

第二种方法，假设知道数组的所有元素

  var whole = first.concat(second, third, fourth).join('');
  var heji = [];
  var tpl = ['a','b','c','d','e','f'];
  for(var i = tpl.length-1 ; i >= 0 ; i--){
        var test = whole.slice();
        test = test.replace(new RegExp(tpl[i],'gi'),'*').replace(/[^\*]/gi,'');
        test.length == 4 && heji.push(tpl[i]);
  }
  时间复杂度: n*m

如何将7898.567转化成2进制(8进制/16进制)？

new Number(7898.567).toString(2); // output: 1111011011010.1001000100100110111010010111100011010101

1. 给父元素加overflow:hidden，迫使父元素包含其浮动的子元素
2. 同时浮动父元素
3. 添加非浮动的清除元素
   1. 添加一个空div，clear:both
   2. .clearfix:after{content:'.';display:block;height:0;visibility:hidden;clear:both;}

• link属于XHTML标签，而@import是CSS标签;
• 页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

1. JS: console, JSON, Array.prototype.forEach()
2. CSS: \9(IE8), *(IE7), _(IE6)

1. accept, accept-encoding, connection, cache-control, cookie, host, pragma, user-agent, referer
2. connection, cache-control, content-encoding, content-type, date, expires, server