2015年阿里面经
面试过程中问到的问题记录一下，好好学习啊。
一，html,css部分
1，<!DOCTYPE>是什么，有什么作用？混杂模式与标准模式的区别?表现形式？
<!DOCTYPE>是文档类型声明，放在文档最前面，放在<html>元素之前，告诉浏览器以什么文档类型来解析。标准模式以主流浏览器（现在）的类型来渲染页面，混杂模式向后兼容，模拟老浏览器的行为来渲染页面。
2，盒模型，你觉得ie的盒模型是错误的么？如果不是，请列举在开发中碰到觉得IE盒模型用起来更方便的例子。
标准的盒模型：width=content,padding,border,margin
IE6盒模型：width=content+padding+border,margin
box-sizing属性？
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素
content-box 宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框
border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
3，浮动对别的元素产生的影响？怎么解决？清除浮动？
(1) 父元素的高度无法被撑开，影响与父元素同级的元素
(2)与浮动元素同级的非浮动元素会紧随其后
(3)若非第一个元素的浮动，则该元素之前的元素也要参与浮动，否则破坏页面显示的结构
怎么解决就不写了吧。
4，css3的新属性
5，html5的标签
6，css sprite 和iconfont 优缺点
二，javascript部分
1,标准模式和混杂模式相比，DOM事件有什么不同？怎么兼容？
2，call(),aply()什么作用，有什么区别？
3，有个ul列表，里面有好几个li,点击某个li的时候请输出它的索引值，用原生js（汗，到底怎么弄啊）
4，对json格式来说，window是本地环境，还是环境变量？
5，怎么用原生js吧json格式字符串转成数组
6，js 跨域
7，图片延迟加载
8，性能优化
三，grunt,nodejs
就问你grunt运用到什么程度，用来做什么
nodejs也问你了解到什么程度
四，安全方面
关于前端安全你了解 多少
五，项目及其他
你在项目中担任的职务以及在其中扮演什么角色
问你的学习计划，以及前端路上之后的计划，跟别人相比你的优势是什么
浙公网安备 33010602011771号