面试总结-150811

Posted on 2015-08-11 21:58  Mechanician  阅读(154)  评论(0)    收藏  举报

1.Doctype

    （1）<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。

  （2）严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。

  （3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

  （4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

   该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

   HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。

   XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。 Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks （包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。

文档模式目前有四种：
混杂模式（quirks mode）
 //让IE的行为与（包含非标准特性的）IE5相同
标准模式（standards mode）
//让IE的行为更接近标准行为
准标准模式（almost standards mode）
//这种模式下的浏览器特性有很多都是符合标准的，不标准的地方主要体现在处理图片间隙的时候（在表格中使用图片时问题最明显）。
超级标准模式:
//IE8引入的一种新的文档模式，超级文档模式可以让IE以其所有版本中最符合标准的方式来解释网页内容。
ps：
总的来看，混杂模式让IE像IE5，标准模式使用IE7的呈现引擎，而超级标准模式则是IE8的默认文档模式。

触发混杂模式:
如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法，因为不同浏览器在这种模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。
 

2.Viewport

移动设备默认的viewport是layout viewport，也就是那个比屏幕要宽的viewport，但在进行移动设备网站的开发时，我们需要的是ideal viewport。那么怎么才能得到ideal viewport呢？这就该轮到meta标签出场了。

meta viewport 有6个属性(暂且把content中的那些东西称为一个个属性和值)，如下：

width 设置layout viewport  的宽度，为一个正整数，或字符串"width-device"
initial-scale 设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale 允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale 允许用户的最大缩放值，为一个数字，可以带小数
height 设置layout viewport  的高度，这个属性对我们并不重要，很少使用
user-scalable 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

这些属性可以同时使用，也可以单独使用或混合使用，多个属性同时使用时用逗号隔开就行了。

3.CSS单位

参考：http://www.cnblogs.com/leejersey/p/3662612.html

CSS3新属性：rem

 

4.div布局

header定高，宽度全屏

content里两个内容，left定宽，right自适应

 

5.数组相关的方法

 

6.jQuery理解多少

 

7.继承，原型链继承

 

8.如何最快获取一个数组的最大最小值

 var max=arr[0]
for(var i=1;i<arr.length;i++){
  if(arr[i]>max){
    max=arr[i];
  }
}
alert(max);

————————————————————————————————————————

//js数组求最大最小值可以这么写，不用自己写遍历比较
 
最大：Math.max.apply(Math,array);
 
最小:Math.min.apply(Math.array);

9.图片格式，特点，png格式

参考：http://www.mamicode.com/info-detail-458395.html

1，少用图片元素，尽量用css3代替

2，尽量少用png32格式

3， JPG适合摄影图像或写实图像，同时也适合颜色较少图像；

　　PNG8 适合所含颜色很少(少于256)、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片；

　　PNG32适合图片较为复杂且有透明效果且透明效果无法用css来实现的情况。

4， 如果页面中有较多的小icon，首先考虑使用webfont,如果webfont不能满足需求，必须使用css sprite将图片合并，来压缩总体图片的大小，同时减少页面请求提高访问速度。

 

PNG可以细分为三种格式:PNG8，PNG24，PNG32。

后面的数字代表这种PNG格式最多可以索引和存储的颜色值。”8″代表2的8次方也就是256色，而24则代表2的24次方大概有1600多万色。

 

 9.移动端常见屏幕尺寸  参考：http://www.w3cmark.com/2014/354.html