前端面试题--网易邮箱

1 自我介绍

就读学校，年级，专业，实习时间

2  项目介绍

把自己印象笔记深刻的项目介绍下，主要是涉及的主要技术

3 盒子模型

width   padding  border  margin 

PS 引申

盒子模型有正常盒子模型和怪异盒子模型

正常盒子模型是指

外盒尺寸计算是：

元素空间高度：内容高度+padding+border+margin

内盒尺寸计算是：

元素高度：内容高度+padding+border

IE传统模型是：

元素空间高度：内容高度+margin

元素高度：内容高度（包括元素内容宽度，边框，内边距）

W3C标准盒子模型跟IE传统盒子模型的转换

CSS3  

box-sizing： content-box |  border-box| inherit

4 div水平垂直居中的方法：

ps：div垂直居中

.div{

widht:100px;

         height:100px;

         margin:0 auto;

}

传统方法：

CSS实现水平垂直居中:

已经知道高度和宽度：

.div{

width:100px;

         height:100px;

         position:absolute;

         left:50%;

         top:50%;

         margin: -100px 0 0 -100px;

}

Jquery实现水平垂直居中：

$(window).resize(function()){

$(".div").css({

position:"absolute",

left:($(window).width() - $(".div").outerWidth())/2,

top:($(window).height() - $(" div").outerHeight())/2

})

}

此外，在页面载入时就要调用 resize() 方法

$(function(){

$(window).resize();

})

CSS3实现div垂直居中

暂时先空着

5 客户端跨域实现方法

http://blog.youkuaiyun.com/jspgb2312/article/details/5587174

http://www.csharpwin.com/dotnetspace/12208r1854.shtml

http://blog.sina.com.cn/s/blog_5755b8ed0101gygb.html

6 CSS hacks

为了解决不同浏览器之间 CSS 支持的不同, CSS Hacks 诞生了. 

CSS Hack 在用CSS的几点: 

1. 有效. 能够通过 Web 标准的验证.  

2. 只针对太古老的/不再开发的/已被抛弃的浏览器. 而不是目前的主流浏览器. 

http://www.cnblogs.com/wiky/archive/2010/01/07/Browser-CSS-Hacks-assembles.html

http://blog.sina.com.cn/s/blog_711f57ef0100plcq.html

http://developer.51cto.com/art/201107/273302.htm

7浏览器的兼容性

http://blog.youkuaiyun.com/chuyuqing/article/details/37561313

http://www.jb51.net/css/23232.html

http://www.cnblogs.com/snowinmay/archive/2013/04/23/3037008.html

http://bbs.chinaunix.net/tree/index_238_1/

8数组常用函数

9重绘和重构

10SEO是指什么，体现在哪里

11js冒泡机制

12两列布局和三列布局

还有两个问题，一个是判断怎么判断浏览器是IE还是火狐还是谷歌，用Ajax貌似简单些，另一个忘记了